
<style type="text/css">



body {

	color:black;
	background-color:white;

	overflow:auto;

	margin: 0; 		/* pour éviter les marges */
	padding:0;
	height: 100%;
	width: 100%;

	text-align: center; 	/* pour corriger le bug de centrage IE */


 }


h1, h2, h3 {

	font-family: "Trebuchet MS",Lucida sans,Arial,verdana,Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;	

	background: #fff;
	color: #000;

	/*text-transform: uppercase;*/
	/*margin: 10px 0 5px 0;*/
}
h1 {
	font-size:   25px;		/*22*/
	text-indent:  0px;
	color: #666666;	
}
h2 {
	font-size:   20px;	
	text-indent:  0px;
}
h3 {
	font-size:   18px;
	text-indent:  0px;	
}

.pNoIndent {
	text-indent:  0px;	
}

.pm1 {
	margin-left: 10px;	
}

.pLigne {
	margin-left:  10px;
	padding-left: 15px;

	background-image:url("images/fondLigne.gif");
        background-repeat : repeat-y;
        background-position: left;
}

#arriere{
/* l'image occupe toute la place du body */
display : block;
width : 100%;
height: 100%;
}

#global {

     position: absolute; /* on positionne le conteneur */
     width: 90%;
     height: 94%;     
     left: 5%;
     top: 3%;
     margin-left: 0px; /* -W/2 */
     margin-top: 0px; /* (100 -  height) / 2 */
     margin-right: 0px;
     margin-bottom: 0px;

     /*background-color: white;*/
     
     overflow:hidden;

}

.conteneur {

	
	scrollbar-face-color: #dedede; 
	scrollbar-shadow-color: #666666; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #666666; 
	scrollbar-darkshadow-color: #efefef; 
	scrollbar-track-color: #efefef; 
	scrollbar-arrow-color: #666666; 


	background-color: white;        /* par défaut : transparent */

	/*background-image:url("images/pierric_bord.gif");*/
	/*background-repeat : no-repeat;*/
	/*background-position: right bottom;*/

	position: relative;
	width: 98%;                  /* 934 - paddingDe5px */
	height: 99%;
	margin-left: 7px;
	margin-top: 3px;
	margin-right: 0px;

	margin-bottom: 4px;
	padding-left: 1%;
	padding-right: 0%;
	align: right;

	overflow:hidden;

}

.contenQui {

	
	scrollbar-face-color: #dedede; 
	scrollbar-shadow-color: #666666; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #666666; 
	scrollbar-darkshadow-color: #efefef; 
	scrollbar-track-color: #efefef; 
	scrollbar-arrow-color: #666666; 


	background-color: white;        /* par défaut : transparent */

	background-image:url("images/pierric_bord.gif");
	background-repeat : no-repeat;
	background-position: right bottom;

	position: relative;
	width: 98%;                  /* 934 - paddingDe5px */
	height: 99%;
	margin-left: 7px;
	margin-top: 3px;
	margin-right: 0px;

	margin-bottom: 4px;
	padding-left: 1%;
	padding-right: 0%;
	align: right;

	overflow:hidden;

}

.menu {

     position: absolute; /* on positionne le conteneur */
     width: 195px;    
     left: 0px;
     top: 50%;
     margin-left: 5px;
     margin-top: -256px;
     margin-right: 0px;
     margin-bottom: auto;


     /*background-color: blue;*/
     
     overflow:hidden;

}

.sousmenu {

     position: relative; /* on positionne le conteneur */
     width: 195px;       /* 210 */
     height: 100%;      
     left: 0px;
     top: 0px;
     margin-left: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     float: left;

     /*background-color: blue;*/
     
     overflow:hidden;

}

.contenu {

     position: relative; /* on positionne le conteneur */
         
     top: 0px;
     left: 0px;
     height: 97%;
     

     margin-left: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-left: 5%;
     padding-right: 20px;
     padding-top: 0%;
     padding-bottom: 1%;


     float: center;

     /*background-color: green;*/
     
     overflow-x:auto;
     overflow-y:auto;

	text-align: justify;      
	text-decoration: none;
	text-indent: 10px;

	font-family: Trebuchet MS,Lucida sans,Arial,verdana,Helvetica, Sans-Serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;

}

.contenuQuoi {

     position: relative; /* on positionne le conteneur */
         
     top: 0px;
     left: 0px;
     height: 97%;
     

     margin-left: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-left: 2%;
     padding-right: 20px;
     padding-top: 0%;
     padding-bottom: 1%;


     float: center;

     /*background-color: green;*/
     
     overflow-x:auto;
     overflow-y:auto;

	text-align: justify;      
	text-decoration: none;
	text-indent: 10px;

	font-family: Trebuchet MS,Lucida sans,Arial,verdana,Helvetica, Sans-Serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;

}

.indexhaut {
	position : relative;
	height: 89px;
	float : top;
	/*background-color: blue;*/
	
}

.indexbas {
	position : relative;
	/*background-color: magenta;*/
	float : top;
	height: 80%;

}

.indexphoto {
	position : absolute;

	top : 50%;
	margin-top : -220px;
	margin-left: 0px;
	width: 100%;
	height: 440px;
	vertical-align: middle;

	/*background-color: red;*/
}

a {
	color:#6454fe;
	text-decoration: none;
}
a:hover {	
	color: #6454fe;
	text-decoration: underline;
}
a:visited { 
	color: #6454fe;		/*color: #768ffd; sympa un peu clair*/
	text-decoration: none;
}
a:visited:hover { 
	color: #6454fe;
	text-decoration: underline;
}


.boxHomme {
	
	position: relative; /* on positionne le conteneur */
       
	width: 332px;
	height: 156px;  
     	color: black;
	background-color: #ffffff;
	background-image:url("images/ou/cadre_homme.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 6px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;

	text-align: left;   
	text-indent: 0px;        
	
}

.boxSoldat {
	
	position: relative; /* on positionne le conteneur */
       
	width: 332px;
	height: 185px;  
     	color: black;
	background-color: #ffffff;
	background-image:url("images/ou/cadre_soldat.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 6px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;

	text-align: left;   
	text-indent: 0px;        
	
}

.boxPlanG {
	
	position: relative; /* on positionne le conteneur */
       
	width: 332px;
	height: 156px;  
     	color: black;
	background-color: #ffffff;
	background-image:url("images/ou/cadre_plan.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 6px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;

	text-align: left;   
	text-indent: 0px;        
	
}

.boxCourt {
	
	position: relative; /* on positionne le conteneur */
       
	width: 332px;
	height: 156px;  
     	color: black;
	background-color: #ffffff;
	background-image:url("images/ou/cadre_court.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 6px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;

	text-align: left;   
	text-indent: 0px;        
	
}

.boxSketches {
	
	position: relative; /* on positionne le conteneur */
       
	width: 332px;
	height: 156px;  
     	color: black;
	background-color: #ffffff;
	background-image:url("images/ou/cadre_sketches.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 6px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;

	text-align: left;   
	text-indent: 0px;        
	
}

.boxArch {
	
	position: relative; /* on positionne le conteneur */
       
	width: 332px;
	height: 156px;  
     	color: black;
	background-color: #ffffff;
	background-image:url("images/ou/cadre_arch.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 6px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;

	text-align: left;   
	text-indent: 0px;        
	
}

.boxContacter {
	
	position: relative; /* on positionne le conteneur */
       
	width: 340px;	/* 340 */
	height: 386px;  /* 301 */
     	color: black;
	background-color: #ffffff;
	background-image:url("images/ou/cadre_contacter.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 6px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;

	text-align: left;   
	text-indent: 0px;        
	
}


a.box {
	color:#646464;
	text-decoration: none;
}
a:hover.box {	
	color: #646464;
	text-decoration: none;
}
a:visited.box { 
	color: #646464;		
	text-decoration: none;
}
a:visited:hover.box { 
	color: #646464;
	text-decoration: none;
}

a.vert {
	color: #279a30;
	text-decoration: none;
}
a:hover.vert {	
	color: #279a30;
	text-decoration: underline;
}
a:visited.vert { 
	color: #279a30;
	text-decoration: none;
}
a:visited:hover.vert { 
	color: #279a30;
	text-decoration: underline;
}


a.qui {
	color:#e89f13;
	text-decoration: none;
}
a:hover.qui {	
	color: #e89f13;
	text-decoration: underline;
}
a:visited.qui { 
	color: #e89f13;		
	text-decoration: none;
}
a:visited:hover.qui { 
	color: #e89f13;
	text-decoration: underline;
}

a.rouge {
	color: #c13300;
	text-decoration: none;
}
a:hover.rouge {	
	color: #c13300;
	text-decoration: underline;
}
a:visited.rouge { 
	color: #c13300;
	text-decoration: none;
}
a:visited:hover.rouge { 
	color: #c13300;
	text-decoration: underline;
}

a.bleu {
	color: #14ad79;
	text-decoration: none;
}
a:hover.bleu {	
	color: #14ad79;
	text-decoration: underline;
}
a:visited.bleu { 
	color: #14ad79;
	text-decoration: none;
}
a:visited:hover.bleu { 
	color: #14ad79;
	text-decoration: underline;
}


a.court {
	color: #c1002a;
	text-decoration: none;
}
a:hover.court {	
	color: #c1002a;
	text-decoration: underline;
}
a:visited.court { 
	color: #c1002a;
	text-decoration: none;
}
a:visited:hover.court { 
	color: #c1002a;
	text-decoration: underline;
}

a.arch {
	color: #b000c1;
	text-decoration: none;
}
a:hover.arch {	
	color: #b000c1;
	text-decoration: underline;
}
a:visited.arch { 
	color: #b000c1;
	text-decoration: none;
}
a:visited:hover.arch { 
	color: #b000c1;
	text-decoration: underline;
}


.texteGrand {

	color:#279A30;			/*313131*/
	text-align: left;      
	text-decoration: none;
	text-indent: 5px;

	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	
}

.texteGrandRouge {

	color:#c13300;			/*313131*/
	text-align: left;      
	text-decoration: none;
	text-indent: 0px;
	margin-left: 5px;

	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	
}

.texteGrandBleu {

	color: #14ad79;			/*313131*/
	text-align: left;      
	text-decoration: none;
	text-indent: 0px;
	margin-left: 5px;

	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	
}

.texteGrandSketches {

	color: #fdb300;			/*313131*/
	text-align: left;      
	text-decoration: none;
	text-indent: 0px;
	margin-left: 5px;

	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	
}

.texteGrandArch {

	color: #b000c1;			/*313131*/
	text-align: left;      
	text-decoration: none;
	text-indent: 0px;
	margin-left: 5px;

	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	
}

.texteGrandCourt {

	color: #c1002a;			/*313131*/
	text-align: left;      
	text-decoration: none;
	text-indent: 0px;
	margin-left: 5px;

	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	
}

.textePetit {

	color: black;
	text-align: left;      
	text-decoration: none;
	text-indent: 0px;

	font-size: 10px;
	font-style: oblique;
	font-weight: normal;
	font-stretch: normal;
	
}

.texteSpect {
	font-variant: small-caps;
}

.texteDescr {
	color: #7c7c7c;
	width: 200px;

	text-align: justify;      
	text-decoration: none;
	text-indent: 0px;

	font-size: 10px;
	font-style: normal;
}

.texteDescrOu {
	color: #7c7c7c;
	width: 230px;

	text-align: justify;      
	text-decoration: none;
	text-indent: 0px;

	font-size: 10px;
	font-style: normal;
}

.texteDescrPlan {
	color: #7c7c7c;
	width: 250px;

	text-align: justify;      
	text-decoration: none;
	text-indent: 0px;

	font-size: 10px;
	font-style: normal;
}


.boxDoss {
	
	position: relative; /* on positionne le conteneur */
	width: 316px;
	height: 158px;
         
     	color: black;
	background-color: #ffffff;
	background-image:url("images/ou/cadre_spec.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 6px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;

	text-align: left;   
	text-indent: 0px;   
}

.boxCrit {
	
	position: relative; /* on positionne le conteneur */
	width: 316px;
	height: 158px;
         
     	color: black;
	background-color: #ffffff;
	background-image:url("images/ou/cadre_spec.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 6px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;

	text-align: left;   
	text-indent: 0px;   
}

.boxCV {
	
	position: relative; /* on positionne le conteneur */
       
	width: 324px;
	height: 143px;  
     	color: black;
	background-color: #ffffff;
	background-image:url("images/qui/cadre_cv.gif");
	background-repeat : no-repeat;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 2%;

	text-align: left;   
	text-indent: 0px;   
}

.texteGrandCV {

	color:#FBAA0C;
	text-align: left;      
	text-decoration: none;
	text-indent: 5px;

	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-stretch: wide;
	letter-spacing: 2px;
	
}

.texteCV {

	color: black;
	text-align: left;      
	text-decoration: none;
	text-indent: 0px;

	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
	
}


</style>
