/* styles CSS */
#bgground{background-image:url(../images/fond1.jpg);
background-repeat:repeat-x;
background-position:inherit;
background-color:#333333;}

#tb1{padding:5px}

.cadre_nav1{
border:1px solid #FFFFFF;
left:5px;}

.cadre_sarl{
border:0px solid #FFFFFF;
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
width:500px;
height:20px;
left:270px;
top:52px;
position:relative}

.banniere{
background-image:url(../images/banniere.jpg);
width:852px;
height:132px;
position:relative;
float:left;}

.lien1{
font-family:Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

.lien1:hover{
font-family:Verdana;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
text-decoration:underline}

.frame{
border:1px;
display:block;
position:relative;
float:left;
left:0px}

.basdepage{
background-image:url(../images/reflet_bas_de_page.jpg);
background-repeat:repeat-x;
width:856px;
height:52px;
position:relative;
float:left;
left:-1px;
padding-top:8px;
}

.date{
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
top:112px;
position:relative;
}

.bodytext{
font-family:Verdana;
font-size:10px;
color:#000000;}

.lien2{
font-family:Verdana;
font-size:11px;
text-decoration:none;
color:#000000}

.lien2:hover{
font-family:Verdana;
font-size:11px;
text-decoration:underline;
font-weight:bold;
color:#000000}

.lien3{
font-family:Verdana;
font-size:10px;
text-decoration:none;
font-weight:bold;
color:#000000}

.lien3:hover{
font-family:Verdana;
font-size:11px;
text-decoration:underline;
font-weight:bold;
color:#000000}

.lien4{
font-family:Verdana;
font-size:10px;
text-decoration:none;
font-weight:bold;
color:#000000}

.lien4:hover{
font-family:Verdana;
font-size:10px;
text-decoration:underline;
font-weight:none;
color:#000000}

.style1{
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
line-height:11px;
}

.style2{
font-family:Verdana;
font-size:13px;
color:#000000;
line-height:16px;
font-weight:bold;
}

.style3{
font-family:Verdana;
font-size:12px;
color:#000000;
font-weight:bold;
}

.style4{
font-family:Verdana;
font-size:10px;
color:#ffffff;
font-weight:bold;
line-height:15px;
}

.style5{
font-family:Verdana;
font-size:10px;
color:#ffffff;

}

/* portail */
.cadre_portail{
border:1px solid #FFFFFF;
background-color:#000000;
width:849px;
display:table;
position:relative;
float:left;
left:0px;}

.cadre_nav_haut{
background-image:url(../images/picto/fond.jpg);
border:1px solid #FFFFFF;
background-color:#000000;
width:849px;
height:35px;
position:relative;
float:left;
left:0px;
padding-top:5px}


/* e-marketing */
.cadre_accueil{
border:1px solid #FFFFFF;
background-color:#FFFFFF;
width:849px;
display:table;
position:relative;
float:left;
left:0px;}

.cadre_emarketing{
width:350px;
height:200px;
position:relative;
float:left;
border:0px solid #000000;
background-color:#f0f0f0;
left:2px}

.titre_emarkt{
background-color:#000000;
width:350px;
height:30px;
position:relative;
float:left;
border:0px solid #000000;}

.photo_emarkt{
width:115px;
height:150px;
position:relative;
float:left;
border:0px solid #000000;
top:5px;
left:5px}

.cadre_texte_emarkt{
width:220px;
height:150px;
position:relative;
float:left;
border:0px solid #000000;
top:5px;
left:10px}

.intro_emarkt{
width:220px;
height:50px;
position:relative;
float:left;
border:0px solid #000000;
top:0px;
left:0px}

.epub{
width:210px;
height:40px;
border:0px solid #000000;
top:15px;
position:relative;
float:left;
left:5px;
padding-top:3px;
background-color:#FFFFFF
}

/* pub */
.cadre_pub{
width:295px;
height:200px;
position:relative;
float:left;
left:8px;
border:0px solid #000000;}

/* espace clients */ 
.cadre_espaceclient{
width:186px;
background-color:#CCCCCC;
height:200px;
position:relative;
float:left;
left:15px;
border:1px solid #f0f0f0;}

.titre_espaceclient{
width:186px;
background-color:#000000;
height:50px;
position:relative;
float:left;
border:0px solid #000000;}

.tableau{
	border:0px solid #000000;
	position:relative;
	width:180px;
	height:80px;
	left:5px;
	top:10px;
	background-color: #CCCCCC;
}

.vignette_client{
border:0px solid #FFFFFF;
position:relative;
width:130px;
height:110px;
left:42px;
top:0px;
float:left}

.vignette_client_texte{
border:0px solid #FFFFFF;
position:relative;
width:265px;
height:65px;
left:83px;
top:20px;
float:left}


/* nos references */
.nos_references{
width:250px;
height:200px;
position:relative;
float:left;
top:10px;
border:1px solid #ffffff;
background-color:#000000}

.titre_reference{
background-color:#000000;
width:250px;
height:30px;
position:relative;
float:left;
border:0px solid #000000;}

.photo_reference{
background-color:#000000;
width:250px;
height:126px;
position:relative;
float:left;
border:0px solid #000000;}

.texte_reference{
background-color:#000000;
width:250px;
height:35px;
position:relative;
float:left;
border:0px solid #ffffff;
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
top:1px}


/*qui sommes-nous? */
.quisommes_nous{
width:305px;
height:200px;
position:relative;
float:left;
top:10px;
border:1px solid #f0f0f0;
left:5px;
background-color:#f0f0f0}

.titre_quisomenous{
background-color:#000000;
width:305px;
height:30px;
position:relative;
float:left;
border:0px solid #000000;}

.photo_quisomenous{
background-color:none;
width:85px;
height:120px;
position:relative;
float:left;
border:0px solid #000000;
left:1px;
top:5px}

.intro_quisomenous{
background-color:none;
width:208px;
height:120px;
position:relative;
float:left;
border:0px solid #000000;
left:8px;
top:5px}

.intro_2_quisomenous{
background-color:none;
width:300px;
height:35px;
position:relative;
float:left;
border:0px solid #000000;
left:2px;
top:8px;
padding:10px;
padding-left:2px;}

/* guide pratique */
.guide_pratique{
width:274px;
height:200px;
position:relative;
float:left;
top:10px;
border:1px solid #ffffff;
left:8px;
background-color:#000000}

.titre_guide{
background-color:#000000;
width:270px;
height:30px;
position:relative;
float:left;
border:0px solid #000000;}

.guide1{
border:1px solid #000000;
width:260px;
height:25px;
left:8px;
position:relative;
float:left;
top:5px;
background-color:#f0f0f0;
padding-top:1px;
}

.guide2{
border:1px solid #000000;
width:260px;
height:80px;
left:8px;
position:relative;
float:left;
top:10px;
display:table;
background-color:#f0f0f0;
}

.guide3{
border:0px solid #000000;
width:260px;
height:40px;
left:8px;
position:relative;
float:left;
top:15px;
background-color:#f0f0f0;
}

.guide4{
border:1px solid #000000;
width:260px;
height:25px;
left:5px;
position:relative;
float:left;
top:20px;
}



/* extra */
.extra{
border:1px solid #FFFFFF;
background-color:#FFFFFF;
width:840px;
display:table;
position:relative;
float:left;
left:0px;
top:10px}

/* bibliotheque */
.bibliotheque{
background-color:#000000;
width:270px;
height:200px;
position:relative;
float:left;
top:10px;
border:1px solid #000000;
left:0px}

.titre_bibliotheque{
width:270px;
height:30px;
position:relative;
float:left;
top:0px;
border:0px solid #000000;
left:0px}

.photo_extra{
width:269px;
height:80px;
position:relative;
float:left;
top:0px;
border:0px solid #000000;
left:0px}

.texte_extra{
width:265px;
height:80px;
position:relative;
float:left;
top:5px;
border:1px solid #000000;
left:2px}


/* newsletter*/
.newsletter{
background-color:#000000;
width:270px;
height:200px;
position:relative;
float:left;
top:10px;
border:1px solid #000000;
left:10px}

.titre_newsletter{
width:270px;
height:30px;
position:relative;
float:left;
top:0px;
border:0px solid #000000;
left:0px}

/* FAQ */
.faq{
background-color:#000000;
width:280px;
height:200px;
position:relative;
float:left;
top:10px;
border:1px solid #000000;
left:20px}

.titre_faq{
background-color:#000000;
width:278px;
height:30px;
position:relative;
float:left;
top:0px;
border:0px solid #000000;
left:0px}

.texte_faq{
width:276px;
height:80px;
position:relative;
float:left;
top:5px;
border:1px solid #000000;
left:2px}

/* styles de texte */

.Motgras {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}
.Motgras3 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold; color:#FFFFFF;
}


.Motgras2{font-family: Verdana;font-size: 12px;font-weight: bold; font-style:italic}
.Motgras3{font-family: Verdana;font-size: 12px;font-weight: bold; font-style:italic}

.Style2a {
	font-family: Verdana;
	font-size: 11px;
	font-weight: none;color:#FFFFFF
}

.lien2b {
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;color:#000000; text-decoration:none;
}

.lien2b:hover{
    font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color:#000000; text-decoration:underline;
}

.Titre_de_rubrique {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;color:#996600;line-height:20px}
	
.Bodytext {
	font-family: Verdana;line-height:20px;
	font-size: 12px;
	font-weight: none;
}
.Bodytext2 {
	font-family: Verdana;line-height:20px;
	font-size: 12px;
	font-weight: none;color:#FFFFFF;
}

.Bodytext3 {
	font-family: Verdana;line-height:20px;
	font-size: 12px;
	font-weight: none;color:#000000; padding-left:5px; padding-right:2px
}




.Style2a {	font-family: Verdana;
	font-size: 11px;
	font-weight: none;color:#FFFFFF
}


.Style1a {
	font-family: Verdana;
	font-size: 11px;
	font-weight: none;
}
.menu {font-family:Verdana;font-size:10px;font-weight:bold;color:#FFFFFF;text-decoration:none}
.menu:hover{font-family:Verdana;font-size:10px;font-weight:bold;text-decoration:underline;color:#FFFFFF}

.lienutile {font-family: Verdana;font-size: 11px;font-weight: none; text-decoration:none; color:#000000}
.lienutile:hover {font-family: Verdana;font-size: 11px;font-weight: bold;color:#000000;}

.Titre {font-family: Verdana;font-size: 15px;font-weight: bold;}

.Titre2 {font-family: Verdana;font-size: 13px;font-weight: bold;color: #000000}

.Titre3 {font-family: Verdana;font-size: 11px;font-weight: bold;color: #000000}

.Titre4 {font-family: Verdana;font-size: 11px;font-weight: bold;color:#FF0000}

.Titre5 {font-family: Verdana;font-size: 15px;font-weight: bold; color:#FFFFFF}


.sousTitre1{font-family: Verdana;font-size: 12px;font-weight: bold;color: #000000}

.sousTitre2{font-family: Verdana;font-size: 12px;font-weight: bold;color:#FFFFFF}

.petitTitre{font-family: Verdana;font-size: 11px;font-weight: bold; color:#000000; line-height:18px}
.petitTitre2{font-family: Verdana;font-size: 13px;font-weight: bold; color:#000000}
.cadre1{border:1px #000000 solid; background-color:#000000; width:200px; margin-right:auto; margin-left:auto}

/* structure opérationnelle */

.infonews{
font-family: Verdana;
line-height:20px;
font-size: 12px;
font-weight: none;
border:0px solid #FFFFFF;
width:800px;
display:block;
position:relative;
float:left;
left:26px;
top:0px}