@charset "utf-8";

#global {
 margin-left: auto;
 margin-right: auto;
 width: 1000px;
 height:550px;
 text-align: left; /* on rétablit l'alignement normal du texte */
}

body {
background-color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0px;
}

div#nav{
float:left;
height:550px;
width:220px;
text-align:right;
background-color:#f2f2f2;
color:#4776a2;
padding:0;
}

div#nav h2{
font-family:"Times New Roman", Times, serif;
font-size:14px;
margin: 0 10px 0 0;
padding:0;
}
div#nav ul{
list-style:none;
margin: 10px 10px 10px 0;
padding:0;
}

div#nav ul.second{
list-style:none;
margin:0;
padding:0;
}

div#nav a{
color:#4776a2;
text-decoration:none;
border: none;
padding:0;
}
div#nav a.sslien{
color:#395e82;
padding:0;
}
div#nav a.on{
font-style:italic;
padding:0;
}
div#nav a img{
border: none;
padding:0;
}
div#nav a:hover{
text-decoration:underline;
padding:0;
}
div#nav img{
margin:67px 0 0 0;
padding:0;
}


/********** PHOTO *******/

div#photo{
float:left;
height:550px;
width:480px; 
}
div#photo img{
display:block;
margin:auto;
}
div#photo.affichage{
background-color : #395e82;
width:448px;
}

/******** CONTENT *******/

div#content{
float:left;
height:550px;
width: 290px;
background-color:#4776a2;
color:#FFFFFF;
}

div#content h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:25px;
font-weight:normal;
width:250px; 
margin:56px 0 40px 12px;
padding:0;
}

div#content p{
width:250px;
padding:0;
margin:0 0 30px 12px;
}

div#content b{
display:block;
width :210px;
margin: 10px 0 0 0;
}

div#content a.somma{
vertical-align:middle;
}
/****************************************/
/************* RUBRIQUE *****************/
/****************************************/
div#content.rubcontent{
width: 332px;
}

div#titrecontent{
height:50px;
width:332px;
padding: 15px 0 0 0;
background-color:#395e82;
}

div#titrecontent h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:30px;
font-weight:normal;
font-style:italic;
color:#4776a2;
text-align:center;
} 

/****************CONTENT****************/
div#content ul{
width:280px;
padding:0;
margin:10px 0 0 20px;
}

div#content li{
padding:0;
margin:0 0 3px 0;
list-style: none;
background-image: url("../img/etoiledauphin.png");
background-repeat:no-repeat;
background-position: 11% 0;
border-bottom: solid 2px #395e82;
}
div#content li.last{
border: none;
}
div#content h3.titrerub{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
font-weight:bold;
padding: 0 0 0 53px;
margin:0;
}
div#content img.vignetteacc{
padding:2px 2px 2px 2px;
margin:0 10px 0 12px;
border: 1px solid #7397b8;
vertical-align:middle;
}
div#content img.vignetterub{
padding:2px 2px 2px 2px;
margin: 0 0 5px 0;
border: 1px solid #7397b8;
vertical-align:middle;
}

div#content img.vignette{
padding:2px 2px 2px 2px;
margin:0 10px 0 0;
border: 1px solid #7397b8;
vertical-align:middle;
}

div#content p.rubpara{
font-style:italic;
margin: 0 0 5px 0;
}

div#content a{
color:#FFFFFF;
text-decoration:underline;
margin: 0 5px 10px 0;
}

/*****************************************/
/***************ARTICLE*******************/
/*****************************************/
div#content.artcontent{
width: 332px;
}
div#content ul.imgselec{
width: 250px;
}
div#content ul.imgselec li{
display:block;
float:left;
border: none;
background-image:none;
margin:0 10px 5px 0;
padding:0;
width:30px;
}

div#content ul.imgselec li img{
padding:2px 2px 2px 2px;
border: 1px solid #7397b8;
}

div#content a.on img{
background-color:#FFFFFF;
}

div#content a:hover img{
background-color:#FFFFFF;
}

div#content a.prvignette{
margin:0 5px 5px 0;
}

div#content a.btnprec{
display:block;
width:76px;
float: left;
text-decoration: none;
font-weight: bold;
background-color: #395e82;
padding: 3px 2px 3px 3px;
margin: 9px 0 0 22px;
}
div#content a.btnsuiv{
display: block;
width:61px;
float: left;
text-decoration: none;
font-weight: bold;
background-color: #395e82;
padding: 3px 3px 3px 2px;
margin: 9px 0 0 9px;
clear:right;
}

div#titrecontent.articlefond{
background-color:#4776a2;
}
div#content h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
margin: 0 0 0 23px;
display:block;
padding:0 0 0 0;
}


div#content p.description{
margin: 20px 0 20px 23px;
}
div#content ul.chemin{
width: 235px;
border-top: 5px solid #FFFFFF;
padding: 23px 0 0 0; 
}
div#content ul.chemin li{
display: inline;
text-decoration: none;
border-bottom: none;
list-style: none;
background-image: none;
}
div#content ul.chemin li a{
text-decoration: none;
}


/**************CONTACT************/
div#contentcontac{
float:left;
height:550px;
width: 332px;
background-color:#4776a2;
color:#FFFFFF;
}

div#contentcontac h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:30px;
font-weight:normal;
color:#FFFFFF;
margin :67px 0 0 23px;
}

div#contentcontac p{
margin :36px 0 0 23px;
}

div#contentcontac ul{
margin :36px 0 0 23px;
padding:0;
}
div#contentcontac li{
padding:7px 0 0 25px;
margin:20px 0 0 0;
list-style: none;
background-image: url("../img/etoiledauphin.png");
background-repeat:no-repeat;
background-position: 0 0;
}

/******************CV*************/
div#contentcv{
float:left;
height:550px;
width: 350px;
background-color:#4776a2;
color:#FFFFFF;
}

div#contentcv p{
margin :20px 0 0 23px;
clear:none;
float: left;
display:block;
width : 280px;
}
div#contentcv ul{
margin :36px 0 0 23px;
width : 270px;
padding: 0 20px 0 0;
}
div#contentcv li{
margin :0 0 0 23px;
}



/*********PHOTOCV***********/
div#photo.tofcv p{
margin :36px 0 0 23px;
clear:none;
float: left;
display:block;
color:#FFFFFF;
}
div#photo.tofcv{
background-color : #395e82;
width:430px;
}

div#photo.tofcv h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:30px;
font-weight:normal;
color:#FFFFFF;
margin :67px 0 0 23px;
}

div#photo.tofcv li{
color:#FFFFFF;
}

div#photo ul{
margin :36px 0 0 23px;
width : 330px;
padding: 0;
margin: 0 0 0 23px;
clear:none;
float: left;
}
div#photo li{
padding:7px 0 0 25px;
margin:20px 0 0 0;
list-style: none;
background-image: url("../img/etoiledauphin.png");
background-repeat:no-repeat;
background-position: 0 0;
}

/*********RECOMPENSE*************/
div#photorecomp{
float:left;
background-color : #395e82;
width:390px;
height:650px;
}
div#photorecomp h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:30px;
font-weight:normal;
color:#FFFFFF;
margin :67px 0 0 23px;
}
div#photorecomp ul{
margin: 10px 0 0 0;
padding:0;
}
div#photorecomp li{
color:#FFFFFF;
background-image: none;
margin:10px 10px 0 23px;
padding:0;
list-style:inside;
}
div#contentrecomp{
float:left;
width:390px;
height:650px;
background-color:#4776a2;
margin: 0;
padding:0;
}
div#contentrecomp ul{
margin: 111px 0 20px 0;
padding:0;
}
div#contentrecomp li{
color:#FFFFFF;
background-image: none;
margin:10px 10px 0 23px;
padding:0;
list-style:inside;
}
/****************OEUVRES************/
div#contentrecomp p{
color:#FFFFFF;
margin:10px 10px 0 23px;
}

div#contentrecomp.resizehauteur{
height:550px;
}
div#photorecomp.resizehauteur{
height:550px;
}

/*************BIOGRAPHIE************/
div#biographie{
float:left;
background-color : #395e82;
width: 780px;
}
div#biographie h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:30px;
font-weight:normal;
color:#FFFFFF;
margin :75px 0 0 23px;
}
div#biographie p{
color:#FFFFFF;
margin:10px 23px 10px 23px;
}