@charset "ISO-8859-1";

html,body{margin:0;padding:0}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(imgSite/fond_page.gif);
background-repeat:repeat-x;
font-size:10px;
}

/* class  */

h1{
font-size:15px;
font-weight:normal;
color:#e30f76;	
}
h2{
font-size:15px;
font-weight:normal;
color:#e30f76;	
}
h3{
font-size:13px;
font-weight:bold;
color:#ac0a56;
}
h4{
font-size:12px;
font-weight:bold;
color:#ac0a56;
}
p{
font-size:10px;
color:#000000;
}
img{
border:none;
}
a{
text-decoration:none;
color:#000000;
}
a:hover{
text-decoration:underline;
}
a.lireSuite{
color:#cf006a;
font-size:10px;
text-decoration:underline;
}
a.mail:link, a.mail:visited{
font-size:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;	
}
a.mail:hover{
font-size:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
}
a.lettre_apha:link, a.lettre_apha:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
}
a.lettre_apha:hover{
text-decoration:underline;
}
.important{
font-weight:bold;
}
.important_italic{
font-weight:bold;
font-style:italic;
}
.rose{
color:#e30f76;
font-weight:bold;
}
.retrait{
margin-left:30px;
}
img.tik26_21{
float:left;
margin-right:5px;
}
h4.cat_reference{
margin-left:30px;
font-size:12px;
}
img.illustration_etude{
float:right;
margin-left: 10px;
}
div.separation{
clear:both;
margin-top:20px;
}

/* div principaux */

#wrap{
width:972px;
margin:10px auto;
padding:0;
}
#header {
position:relative;
margin:0;
padding:0;
width:972px;
height:155px;
background-image:url(imgSite/bd_haut.jpg);
background-repeat:no-repeat;
background-position:top right;
}
.logo{
float:left;
width:159px;
height:155px;
overflow: visible;
}
#footer{
clear:both;
background-image:url(imgSite/fond_bas.gif);
background-repeat:no-repeat;
height:15px;
}
#footer p{
margin:0;
padding:0;
text-align:center;
color:#666666;
}
#footer a, #footera:hover{
color:#666666;
}
#contenu{
	clear:both;
}

/* encart page d'accueil */
#contenu_accueil{
	width:100%;
	float:left;	
	background:url(imgSite/fond_02.gif)  repeat-y top left ;
	margin:0;
	padding:0;
}
#fond_haut{
height:35px;
background:url(imgSite/fond_01.gif)  no-repeat top left ;
}

/************** ENCART CONTENU DES PAGES **************/
#encart{
float:left;
margin-top:25px;
margin-left:50px;
width:670px;
height: auto;
min-height: 382px;
_height: 382px; /* underscore hack uniquement interprété par IE Win*/
}
#encart p{
margin-left:30px;
}
h3.lettre,h4.lettre{
margin-left:30px;
border-bottom:#ac0a56 solid 1px;
}
#nav{
width:670px;
}
#nav ul{
margin:0 0 0 185px;
padding:0;
}
#nav li{
display:inline;
list-style-type:none;
background:url(imgSite/tik_20_16.gif) no-repeat center left;
line-height:25px;
margin:5px 0 0 0 ;
padding:5px 0;
}
#nav a{
line-height:25px;
font-size:12px;
color:#666666;
text-decoration:none;
padding-left:20px;
}
#nav a:hover{
text-decoration:underline;
}
div.metier{
background:url(imgSite/ti_notremetier.gif) no-repeat bottom left;
height:35px;
}
#nav.metier ul{
margin:0 0 0 180px;
}
#nav.metier li{
line-height:35px;
}
#nav.qui {
background:url(imgSite/ti_qui.gif) no-repeat bottom left;
height:29px;
}
#nav.qui ul{
margin:0 0 0 250px;
}
div.references{
background:url(imgSite/ti_references.gif) no-repeat bottom left;
height:35px;
}
#nav.references ul{
margin:0 0 0 225px;
}
#nav.references li{
line-height:35px;
}
#nav.lexique,div.lexique {
background:url(imgSite/ti_lexique.gif) no-repeat bottom left;
height:29px;
}
#nav.lexique ul{
margin:0 0 0 100px;
}
#nav.lexique li{
margin-left:20px;
}

/************** ENCART 1 **************/
#encart1{
float:left;
	width:487px;
	height:382px;
	margin-left:-972px;
	background-color:#FFFFFF;
}
#onglet_contact{
margin:0;
padding:0;
width:297px;
height:54px;
background:url(imgSite/fond_contact.gif) no-repeat top left;
}
div .img_accueil{
margin:0;
padding:0;
width:487px;
height:328px;
}
#onglet_contact ul{
margin:0;
padding:0;
list-style-type:none;
}
#onglet_contact li{
float:left;
display:block;
margin:5px 0 0 10px;
padding:0;
width:130px;
font-size:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
/************** FIN ENCART 1 **************/

/************** ENCART 2 SUR PAGE ACCUEIL **************/
#encart2{
margin-left:487px;
margin-right:255px;
height:382px;
width:230px;
background:url(imgSite/fond_bloc2.jpg) top left no-repeat;
padding:0;
}
#encart2 h1{
margin:0 0 0 15px;
padding:0;
width:195px;
}
#encart2 p{
margin-top:0;
margin-left: 15px;
margin-bottom:4px;
width:195px;
padding:0;
line-height:11px;
}
/**************FIN  ENCART 2 **************/

/************** ENCART3 ACTUALITÉ **************/
#encart3{
float:left;
margin-left:-255px;
width:255px;
height:382px;
background-image:url(imgSite/fond_bloc_actu.jpg);
background-repeat:no-repeat;
}
#encart3 h2{
margin:10px 0 5px 45px;
}
#encart3 p{
margin:5px 0 0 0;
padding:0;
line-height:11px;
}
/************** FIN ENCART 3 ACTUALITÉ **************/


/************* ENCART LOGIN *************************/
div#login{
margin:0 auto;
width:385px;
height:224px;
background-image:url(admin/images/login_milieu.gif);
background-repeat:no-repeat;
background-position:14px left;
background-color:#FFFFFF;
}
div#login p{
margin:10px 25px;
}
div#login_bas{
margin:0 auto;
width:385px;
height:15px;
background-image:url(admin/images/login_bas.gif);
background-repeat:no-repeat;
}


/************* FIN ENCART LOGIN *************************/

/************* FORM CONTACT *************************/
form.form_contact input,form.form_contact textarea {
border:solid 1px #e30f76;
background-color:#FFFFFF;
}
form.form_contact input.champs1{
width:174px;
}
form.form_contact input.champs2, form.form_contact textarea{
width:380px;
}
.bt_envoyer{
text-align:center;

}
.bt_envoyer a{
border:solid 1px #e30f76;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.bt_envoyer a:hover{
text-decoration:none;
}
/************* FIN FORM CONTACT *************************/