body{
	background-color:#444;
	padding:0;
	margin:0;
	font-family:verdana;
	font-size:15px;
	color:#224;
}
table{
	margin-left:auto;
	margin-right:auto;
}
td{
	border:1px solid #AAA;
	border-right:0px;
	border-top:0px;
	padding:10px;
}
.tdosefethor{
	background-color:#F9F9F9;
	border:0px;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}
.tdosefvide{
	border:0px;
	border-bottom:1px solid #999;
}
.tdosef{
	background-color:#EEE;
	border:0px;
	border-bottom:3px solid #999;
}
.tdosefdr{
	border:0px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
a{
cursor:pointer;
}
.entete{
	width:100%;
	border-bottom:3px solid #777777;
	background:url("bts_sio2.jpg") no-repeat center right rgba(220, 220, 220, 0.95);
	padding-top:10px;
}
.entete_pf, .entete_ar{
	margin:0;
	padding:0;
}
.entete_pf{
	font-size:45px;
	padding-left:60px;
}
.entete_ar{
	font-size:25px;
	padding-left:60px;
}
.derniere_maj{
	font-size:15px;
	font-style:italic;
}
.menu{
	width:100%;
	text-align:center;
	overflow: hidden;
	font-size:1.1em;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	background:rgba(250, 250, 250, 0.6);
 	border-bottom:3px solid #777777;
	margin-bottom:0;
}

ul{
	padding:0;
	padding-top:1.2em;
	padding-left:2%;
	margin:0 10px 0 10px;
	list-style-type:none;
	overflow: auto;
	font-weight:bold;
}
a{
	font-family:verdana;
	font-size:1em;
	color:#1144AA;
 	text-decoration:none;
}
a:hover{
	font-family:verdana;
	font-size:1em;
	color:#1144EE;
 	text-decoration:none;
}

#bouton_men_accueil2{
	width:7%;
	height:50px;
	padding:0;
	margin:0;
	color:#224;
	list-style-type:none;
	overflow: hidden;
	text-align:center;
 	float:left;  
 	line-height:50px; /*hauteur de l'image de fond*/
 	text-align:center;
	cursor:pointer;
	background:url("fond_btns.jpg") repeat-y rgba(255, 255, 255, 0.8);
}
#bouton_men_accueil2 img{
	margin-top:9px;
	width:32px;
	height:32px;
}
#bouton_men{
	width:31%;
	height:50px;
	padding:0;
	margin:0;
	color:#224;
	list-style-type:none;
	overflow: hidden;
	text-align:center;
 	float:left;  
 	line-height:50px; /*hauteur de l'image de fond*/
 	text-align:center;
	cursor:pointer;
	background:url("fond_btns.jpg") repeat-y rgba(255, 255, 255, 0.8);
}
#bouton_men:hover{
	color:#FFF;
	background: rgba(50, 50, 50, 0.05);
}
#bouton_men_accueil2:hover{
	color:#FFF;
	background: rgba(50, 50, 50, 0.05);}
#ss_menu{
	visibility:hidden;
	position:absolute;
	background:#556;
	color:#124;
	width:31%;
	border:1px solid #BBB;
}
 .elements_ss_menu_preums{
	width:99%;
	padding-left:1%;
	border-bottom:1px solid #BBB;
	background: rgba(250, 250, 250, 1);
	text-align:left;
	border-radius: 11px 0 0 0;
}
 .elements_ss_menu_preums:hover{
	visibility:visible;
	background: rgba(190, 220, 190, 1);
}
 .elements_ss_menu{
	width:97%;
	padding-left:3%;
	border-bottom:1px solid #BBB;
	background: rgba(255, 255, 255, 0.8);
	text-align:left;
}
 .elements_ss_menu:hover{
	background: rgba(255, 255, 255, 0.5);
}
 .elements_ss_menu2{
	width:99%;
	padding-left:1%;
	border-bottom:1px solid #BBB;
	background: rgba(250, 250, 250, 1);
	text-align:left;
}
 .elements_ss_menu2:hover{
	visibility:visible;
	background: rgba(190, 220, 190, 1);
}
 #bouton_men:visited{
	display:block;
	float:left;   
	width:100px;
	line-height:50px; /*hauteur de l'image de fond*/
	text-align:center;
	list-style-type:none;
	list-style-image: none;
 }
 
.ombre_haute_entete{
	width:100%;
	height:20px;
	background: -moz-linear-gradient(top, rgba(180,180,180,0) 0, rgba(180,180,180,1) 20px); 
	background: -webkit-linear-gradient(top, rgba(180,180,180,0) 0,rgba(180,180,180,1) 20px);  /*Pourquoi Internet Explorer ?*/
	background: linear-gradient(to bottom, rgba(180,180,180,0) 0,rgba(180,180,180,1) 20px); 
}
.ombre_basse_entete{
	width:100%;
	height:20px;
	background: -moz-linear-gradient(bottom, rgba(80,80,80,0) 0, rgba(80,80,80,1) 20px); 
	background: -webkit-linear-gradient(bottom, rgba(80,80,80,0) 0,rgba(80,80,80,1) 20px);  /*Pourquoi Internet Explorer ?*/
	background: linear-gradient(to top, rgba(80,80,80,0) 0,rgba(80,80,80,1) 20px); 
}
.ombre_haute{
	width:100%;
	height:30px;
	background: -moz-linear-gradient(top, rgba(40,40,40,0) 0, rgba(40,40,40,1) 30px); 
	background: -webkit-linear-gradient(top, rgba(40,40,40,0) 0,rgba(40,40,40,1) 30px);  /*Pourquoi Internet Explorer ?*/
	background: linear-gradient(to bottom, rgba(40,40,40,0) 0,rgba(40,40,40,1) 30px); 
}
.ombre_basse{
	width:100%;
	height:30px;
	background: -moz-linear-gradient(bottom, rgba(40,40,40,0) 0, rgba(40,40,40,1) 30px); 
	background: -webkit-linear-gradient(bottom, rgba(40,40,40,0) 0,rgba(40,40,40,1) 30px); /*Pourquoi Internet Explorer ?*/
	background: linear-gradient(to top, rgba(40,40,40,0) 0,rgba(40,40,40,1) 30px); 
	margin-bottom:60px;
}
 .contenu{
	width:100%;
	border-top:4px solid #585858;
	border-bottom:4px solid #585858;
	padding:0;
 	background-color:#ffffff;
	display:block;
    background: rgba(255, 255, 255, 0.2);
 }
 
 .titre_contenu{
	padding:13px 80px 13px 40px;
	background-color:#ddd;
	font-size:1.2em;
	width:85%;
	margin:auto;
	max-width:1200px;
	border-bottom:3px solid #bbb;
 }
 
 .sous_contenu{
	 margin:60px 0 80px 0;
 }
 .sous_sous_cont{
	width:85%;
	min-width:500px;
	max-width:1200px;
	padding:20px 60px 70px 60px;
	margin:auto;
	margin-bottom:20px;
	background: -moz-linear-gradient(bottom, rgba(200,200,200,0) 0px, rgba(255,255,255,1) 30px); 
	background: -webkit-linear-gradient(bottom, rgba(200,200,200,0) 0px,rgba(255,255,255,1) 30px);  /*Pourquoi Internet Explorer ?*/
	background: linear-gradient(to top, rgba(200,200,200,0) 0px,rgba(255,255,255,1) 30px); 
 }
.sous_sous_cont .titre_contenu{
	width:95%;
	margin:20px 0 30px -30px;
	background:rgba(240, 240, 245, 0.9);
	border-bottom:2px solid #DDD;
}
 
.gras{
	font-weight:bold;
 }
.italique{
	font-style:italic;
	color:#555;
}
.rouge{
	color:#C22;
}
.vert{
	color:#292;
}
.bleu{
	color:#22C;
}
.orange{
	color:#C72;
}
.formulaire{
	width:500px;
	line-height:1.5em;
	height:auto;
	display:block;
 }
 textarea{
	width:450px;
	height:300px;
	background:#eee;
	border:2px solid #585858;
 }
input{
	width:190px;
	background:#eee;
	border:2px solid #585858;
	height:1.5em;
	margin-right:45px;
	display:inline;
	text-align:left;
	position:relative;
	float:right;
	font-family:verdana;
	color:#224;
 }
 input[type="submit"]{
	height:1.8em;
	cursor:pointer;
	width:120px;
}
ul{
	margin-left:150px;
	margin-top:0;
	margin-bottom:1em;
	padding-top:0;
}
ul ul{
	margin-left:50px;
	margin-top:0;
	margin-bottom:1em;
	padding-top:0;
}
li li{
	font-weight:normal;
	margin-top:10px;
}
li li img{
	margin-top:10px;
}
.cadre_accueil{
	width:480px;
	height:auto;
	border-radius:15px;
	border:2px solid #CCC;
	padding:10px;
	padding-left:0px;
}
.cadre_accueil img{
	display:block;
	float:left;
	margin-right:10px;
	width:100px;
	height:100px;
}
.cadre_veille1{
	width:130px;
	height:auto;
	border:1px solid #CCC;
	border-radius:9px;
	padding:10px;
	float:left;
	margin-right:10px;
	background-color:#fff;
}
.cadre_veille2{
	width:160px;
	height:auto;
	border:1px solid #CCC;
	border-radius:9px;
	padding:2px;
	float:right;
	margin-left:10px;
	margin-right:10px;
	background-color:#fff;
}
.cadre_veille3{
	width:180px;
	height:auto;
	border:1px solid #CCC;
	border-radius:9px;
	padding:2px;
	float:right;
	margin-left:10px;
	margin-right:10px;
	background-color:#fff;
}
.cadre_veille4{
	width:220px;
	height:auto;
	border:1px solid #CCC;
	border-radius:9px;
	padding:2px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	background-color:#fff;
}
.cadre_veille1 img{
	display:inline-block;
	float:left;
	width:130px;
	height:130px;
}
.cadre_veille2 img{
	display:inline-block;
	float:left;
	width:160px;
	height:130px;
}
.cadre_veille3 img{
	display:inline-block;
	float:left;
	width:180px;
	height:140px;
}
.cadre_veille4 img{
	display:inline-block;
	float:left;
	width:220px;
	height:140px;
}
.veille{
	text-align:justify;
}
.bouton_remonter{
	position:fixed;
	width:100px;
	padding:5px;
	border:2px solid #BBB;
	border-radius:5px;
	top:100px;
	left:5%;
	background-color:#FFF;
	cursor:pointer;
}
.sous_composante_generale, .sous_composante_generale_code{
	width:650px;
	height:auto;
	border:2px solid #CCC;
	border-radius:15px;
	padding:15px;
	text-align:justify;
	background-color:#ededee;
	float:left;
	margin-right:15px;
	margin-left:15px;
}
.sous_composante_generale_code{
	width:380px;
	font-family:courier;
	font-size:0.8em;
}
.teston{
	width:110px;
	height:110px;
	border-radius:15px;
	background:url('av1.jpg');
	display:inline-block;
}
.teston2{
	width:250px;
	height:110px;
	border-radius:15px;
	display:inline-block;
	margin-left:20px;
	vertical-align:top;
	font-weight:bold;
}
#teston_3{
	position:absolute;
	width:358px;
	height:481px;
	background:url('photo_av_cv.jpg');
	visibility:hidden;
	border-radius:17px;
	border:3px solid;
	left:30%;
	top:400px;
}

.img_cv{
	width:60px;
	height:40px;
	border:1px solid #006;
	border-radius:5px;
	margin-right:5px;
}

#affichage_img_1, #affichage_img_2, #affichage_img_3, #affichage_img_4, #affichage_img_5{
	width:800px;
	height:550px;
	visibility:hidden;
	border-radius:17px;
	border:3px solid;
}
#affichage_img_1{
	background:url('real_menuiserie/real1.jpg') bottom;
}
#affichage_img_2{
	background:url('real_menuiserie/real2.jpg') bottom;
}
#affichage_img_3{
	background:url('real_menuiserie/real3.jpg') bottom;
}
#affichage_img_4{
	background:url('real_menuiserie/real4.jpg') bottom;
}
#affichage_img_5{
	background:url('real_menuiserie/real5.jpg') bottom;
}

.sous_portfolio{
	width:auto%;
	height:167px;
	border:2px solid #DDD;
	border-radius:5px;
	background-color:#FFF;
	overflow:hidden;
	overflow-y:scroll;
	display:inline-block;
}
.elements_portfolio, .elements_portfolio2, .elements_portfolio3, .elements_portfolio4, .elements_portfolio5{
	width:160px;
	height:160px;
	border:2px solid #888;
	border-radius:5px;
	display:inline-block;
	float:left;
	overflow:hidden;
	position:relative;
	margin-left:2px;
	margin-top:2px;
	opacity:0.6;
}
.elements_portfolio:hover, .elements_portfolio2:hover, .elements_portfolio3:hover, .elements_portfolio4:hover, .elements_portfolio5:hover{
	opacity:1;
	cursor:pointer;
}

#contenu_portf{
	width:90%;
	margin-top:60px;
	opacity:1;
}

.div_int_cont_port{
	max-width:750px;
	min-width:385px;
	height:320px;
	background:url('capt_vw.png') no-repeat;
	border:6px solid #BBB;
	border-radius:5px;
	margin-left:auto;
	margin-right:auto;
}
.div_int_int_cp{
	width:350px;
	height:280px;
	background-color:#eee;
	border:3px solid #aae;
	border-radius:5px;
	display:inline-block;
	float:right;
	opacity:0.5;
	margin-top:8px;
	margin-right:8px;
	padding:8px;
}
.div_int_int_cp:hover{
	opacity:1;
}
.liste_desc_portfolio{
	margin-left:10px;
	padding-bottom:2px;
	margin-bottom:2px;
	list-style-type:circle;
}
.liste_desc_portfolio li{
	font-size:1em;
	margin-bottom:2px;
	font-weight:normal;
	list-style-type:circle;
}
.liens_portf{
	font-family:verdana;
	font-size:1.1em;
	color:#224;
	font-weight:bold;
	text-decoration:none;
}
#container{
	opacity:1;
	position:absolute;
	overflow:hidden;
	width:160px;
	height:160px;
}
.competences img{
	opacity:1;
	margin-right:15px;
}
.cont_sous_cont{
 	border-left:3px solid #777777;
	width:80%;
}
.tableaux_ppe{
	width:950px;
}
.encours{
	color:#922;
}