@charset "utf-8";

/* CSS Document */
* {margin:0;padding:0}

body{

margin:0 ;

padding: 0 ;

background-color:#fff;

}

div#conteneur{

width :1000px;

margin:0 auto ;

padding:0;

}

/*-------------------------------------------------------------------------Header */

div#header{

background-image:url(../img/header.jpg);

height:407px;

margin:0;

padding:0;

}

div#logo{

background-image: url(../img/logo.jpg) ;

width:449px;

height:78px;

position:relative;

top:89px;

left:115px;

 }

div#titre{
width:450px;
position:relative;
top:90px;
left:120px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
font-style: italic;
}
div#titre p{
padding:0;

border:0;

margin:0;
}
div#tracking{

width:650px;

height:100px;

position:relative;

top:8px;

left:310px;

}

div#tracking p{

padding:0;

border:0;

margin:0;

color:#666666;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:0.6em;

font-style: italic;

}

/*----------------------------------------------------------------Partie centrale */

div#bloc_gauche{

background:url(../img/bg_menu.jpg);

width:271px;

height:351px;

margin:0;

padding:0px;

float:left;

}

/*--------------------------------------------------------------------------Menu */

div#menu1{			

margin-left:35%;

padding-top:5%;

}

#navigation {		

margin: 0;

padding: 0;

list-style: none;

width: 150px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

#navigation a, #navigation span {

display: block;

height: 1%;

color:#999999;

margin: 0;

padding: 4px 8px;

text-decoration: none;

}

#navigation a:hover, #navigation a:focus, #navigation a:active {

text-decoration: none;

color:#FF6633;

}

#navigation .subMenu {

font-size: .7em;

margin: 0;

padding: 0;

list-style: none;

}

#navigation ul.subMenu a {

background: none;

padding: 3px 10px;

color:#333333;	

}

#navigation ul.subMenu a:hover {

color:#FF6600;

background: none;

padding: 3px 10px;

}

/*------------------------------------------------------------------------Contenu */

div#bloc_droite{

background:url(../img/bg_contenu.jpg);

width:729px;

height:351px;

margin:0;

padding:0;

float:right;

border:0;

}

div#contenu{
margin-left:5%;

margin-right:9%;

font-family:Verdana, Arial, Helvetica, sans-serif;

padding:0;

border:0;

margin-bottom:0;
}

div#contenu h1{

color:#FFFFFF;

font-size:1em;

margin-bottom:3%;

padding-left: 3%;

line-height: 140%;

background:url(../img/ordi.gif) no-repeat left bottom;

background-color:#CCCCCC;
margin-bottom:10px;

}

div#contenu h1 a{

color:#FFFFFF;

font-size:1em;

margin-bottom:3%;



line-height: 140%;

background-color:#CCCCCC;
margin-bottom:10px;

}
div#contenu h1 a:hover{

color:#666666;
text-decoration:none;

font-size:1em;

margin-bottom:3%;

line-height: 140%;

background-color:#CCCCCC;
margin-bottom:10px;

}

div#contenu h2{

color:#666666;

font-size:0.8em;

padding-left: 3% ;

line-height: 125% ;

background:url(../img/carre-orange.gif) no-repeat left bottom ;

border-bottom: 1px solid #FF6600;

margin-bottom:10px;


}

div#contenu p{

color:#666666;

font-size:0.7em;

text-align:justify;

text-indent:2%;

margin-bottom:15px;
margin-top:10px;

}

div#contenu a{

color:#333333;

text-align:justify;

text-decoration:none;

}
div#contenu strong{
font-weight:500;}

div#contenu a:hover{

color:#FF6600;

text-align:justify;

text-decoration:underline;

}

div#contenu-etat-civil{

margin-top:2%;

margin-left:5%;

width:100%;

clear:both;

padding:0;


}

div#photo{

float:left;

background:url(../img/photo.jpg);

width:246px;

height:176px;

}

div#etat-civil{

float:left;

background:url(../img/etat-civil.jpg);

width:267px;

height:176px;

margin-left:40px;

}

div#etat-civil li{

color:#666666;

font-size:0.8em;

}

div#contenu ul{
margin-left:50px;

}
div#contenu li{

color:#FF6600;
font-size:0.7em;
line-height:15px;

}

.info1{

color:#666666;

}

.illustration{

float:right;

margin:5px;

padding:0;

border:0;

text-indent:0px;

}

#contact-maolazo label{

background-color:#CCCCCC;

display: block;

width: 39%;

float: left;

padding-right: 1%;

text-align: right;

letter-spacing: 1px;

height:20px;

line-height:20px;

}

#contact-maolazo label:hover{

background-color:#666666;

color:#FFFFFF;

display: block;

width: 39%;

float: left;

padding-right: 1%;

text-align: right;

letter-spacing: 1px;

height:20px;

line-height:20px;

}

#contact-maolazo input, #contact-maolazo select{

margin-left: 1%;

width: 58%;

border: #CCC 1px solid;

}

#contact-maolazo input:hover, #contact-maolazo select:hover, #contact-maolazo input:focus, #contact-maolazo select:focus

{

border: #999 1px solid;

background-color:#CCCCCC;

}

#extension-contenu label{

background-color:#CCCCCC;

display: block;

width: 99%;

text-align: left;

letter-spacing: 1px;

height:20px;

line-height:20px;

}

#extension-contenu label:hover{

background-color:#666666;

color:#FFFFFF;

display: block;

width: 99%;

text-align: left;

letter-spacing: 1px;

height:20px;

line-height:20px;

}

/*--------------------------------------------------------------Extension-contenu */

div#extension{

clear:both;

width:100%;

background:url(../img/extension_contenu.jpg);

margin:0;

padding:0;

border:0;

}

div#extension-contenu{

padding:0;

margin-left:307px;

margin-right:65px;

font-family:Verdana, Arial, Helvetica, sans-serif;

margin-bottom:0px;

}
div#extension-contenu strong{
font-weight:500;}

div#extension-contenu h1{

color:#FFFFFF;

font-size:1em;

margin-bottom:3%;

padding-left: 3%;

line-height: 140%;

background:url(../img/ordi.gif) no-repeat left bottom;

background-color:#CCCCCC;

}

div#extension-contenu h2{

color:#666666;

font-size:0.8em;

padding-left: 3% ;

line-height: 125% ;

background:url(../img/carre-orange.gif) no-repeat left bottom ;

border-bottom: 1px solid #FF6600;

margin-bottom:10px;
margin-top:10px;


}

div#extension-contenu h3{

color:#FFFFFF;

font-size:1em;

margin-bottom:3%;

padding-left: 3%;

line-height: 140%;

background:url(../img/ordi.gif) no-repeat left bottom;

background-color:#CCCCCC;

margin-bottom:10px;
margin-top:10px;

}

div#extension-contenu p{

color:#666666;

font-size:0.7em;

text-align:justify;

text-indent:2%;

margin-bottom:15px;
margin-top:10px;

}


div#extension-contenu a{

color:#333333;

text-align:justify;

text-decoration:none;

}

div#extension-contenu a:hover{

color:#FF6600;

text-align:justify;

text-decoration:underline;

}

div#extension-contenu ul{
margin-left:50px;
}


div#extension-contenu li{

color:#FF6600;

font-size:0.7em;
line-height:15px;

}

.info1{

color:#666666;

}

div#extension-contenu .info2{

color:#999999;

font-size:0.7em;

}

div#extension-contenu .detail {

margin-top:10px;

margin-bottom:10px;

margin-left:30px;

}

div#extension-contenu .detail a{

height:30px;

color:#999999;

font-size:0.7em;

font-weight:bold;

}

div#extension-contenu .detail a:hover{

color:#FF9900;

font-size:0.7em;

height:30px;

font-size:0.7em;

font-weight:bold;

text-decoration:underline;

}

div#suite{
margin-top:40px;

color:#666666;

font-size:0.8em;

text-align:justify;

border:0;

padding:0;

}

.licence{

margin-left:4%;}

/*-------------------------------------------------------------------------Footer */

div#footer{

clear:both;

background:url(../img/footer.jpg);

width:100%;

height:118px;

margin:0;

padding:0;

border:0;

}

div#footer p{

position:relative;

width:40%;

margin-top:-20px;

margin-left:60%;

font-size:0.7em;

padding:0;

border:0;

}

div#footer a{

color:#666666;

text-decoration:none;

padding:0;

border:0;

}

div#footer a:hover{
color:#FF6600;

}

div#ordi{

margin-left:50%;

padding:0;

border:0;

margin-top:0px;

margin-bottom:20px;

}

#menu2{

width:55%;

margin-left:20%;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:0.8em;

}