@charset "utf-8";

/* Balises génériques */

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

/* Structure du site */

#structure		{ width:940px; height:auto; margin:auto; background-color:#FFF; padding-top:10px; padding-left:30px; padding-right:30px; overflow:auto; background:url(../image/bg.jpg) repeat-x; box-shadow: 1px 1px 12px #555; } 

/* Header */

#header 		{ width:940px; height:auto; float:left;}
#reseau-s 		{ width:940px; height:30px; float:left; text-align:right}
#logo 			{ width:418px; height:143px; float:left;}
#rubrique 		{ width:522px; height:59px; float:left; text-align:left; font-size:19px; padding-top:84px;}
#rubrique a		{ color:#333333; text-decoration:none;}
#rubrique a:hover		{ color:#000; text-decoration: underline;}
#slide 			{ width:940px; height:343px; float:left;}

/* Contenu */

#contenu 		{ width:940px; height:auto; float:left;}
#titre1 		{ width:940px; height:40px; float:left; background:url(../image/bg%20titre%201.jpg) repeat-y; margin-top:25px; margin-bottom:25px;}
#titre1 h1 		{ color:#333333; font-size:20px; font-weight:lighter; line-height:40px; background:url(../image/ico-info.png) no-repeat 0px 4px; padding-left:35px;}
#titreport 		{ width:940px; height:40px; float:left; background:url(../image/bg%20titre%201.jpg) repeat-y; margin-bottom:25px;}
#titreport h1 		{ color:#333333; font-size:20px; font-weight:lighter; line-height:40px; background:url(../image/ico-info.png) no-repeat 0px 4px; padding-left:35px;}
#petittitre		{ width:940px; height:25px; float:left; background:url(../image/bg%20petit%20titre.jpg) repeat-y; margin-bottom:25px;}
#petittitre h1 		{ color:#333333; font-size:20px; font-weight:lighter; line-height:25px;}
#petittitre2	{ width:940px; height:25px; float:left; background:url(../image/bg%20petit%20titre.jpg) repeat-y; margin-bottom:25px; margin-top:25px;}
#petittitre2 h1 		{ color:#333333; font-size:20px; font-weight:lighter; line-height:25px;}
.compétence 	{ width:290px; height:197px; float:left;}
.compétence h1	{ color:#333333; font-size:18px; font-weight:lighter; margin-bottom:15px; background:url(../image/ico-valid.png) no-repeat 0px 0px; padding-left:30px;}
.compétence p	{ text-align:justify; font-size:13px; margin-bottom:15px;}
.compétence a	{ color:#333333; font-size:13px;}
.compétence a:hover	{ color:#000; text-decoration:none}
#titre2 		{ width:940px; height:40px; float:left; background:url(../image/bg%20titre%202.jpg) repeat-y; margin-top:25px; margin-bottom:25px;}
#titre2 h1 		{ color:#333333; font-size:20px; font-weight:lighter; line-height:40px; background:url(../image/ico-info.png) no-repeat 0px 4px; padding-left:35px;}
.Blocs-crea 	{ width:290px; height:180px; float:left; text-align:center; box-shadow: 1px 1px 12px #555;}
.variante 	{ width:290px; height:180px; float:left; text-align:center; box-shadow: 1px 1px 12px #555;}

/* Détaille */
#bloc-g-image 		{ width:528px; height:auto; float:left;}
#bloc-g-image2 		{ width:940px; height:auto; float:left;}
#bloc-g-texte 		{ width:387px; height:auto; float:left;}
#bloc-g-texte p 	{ font-size:14px; text-align:justify;}
#bloc-g-texte2 		{ width:940px; height:auto; float:left;}
#bloc-g-texte2 p 	{ font-size:14px; text-align:justify;}
/* footer */

#footer 		{ width:940px; height:auto; float:left; margin-top: 10px; margin-bottom:30px;}

#footer2 		{ margin-top: 20px; margin-bottom:30px; }
#copyright2 		{ color: #484848; font-size: 13px; text-align:center; margin-top:30px; margin-bottom:30px}
/* Marges */

.margeleft  	{ margin-left:40px;}
.margeboton25 	{ margin-bottom:25px;}
.marge25 		{ margin-right:25px;}
.marge-top25 	{ margin-top:25px;}
.marge24 		{ margin-right:24px;}
.marge35 		{ margin-right:35px;}
.margevariante  	{ margin-left:60px;}

/* Couleurs */
.fyshia 	{ color:#077269;}

/* Video */

#Babel 		{ width:800px; height:760px; float:left;}
#Bonhomme 		{ width:940px; height:529px; float:left;}

/* CV */
#bloc-g-imagecv 		{ width:420px; height:auto; float:left;}
#bloc-g-textecv 		{ width:493px; height:auto; float:left; font-size:15px; text-align:justify;}
#liencv 		{ width:420px; height:26px; float:left; margin-top:100px; }
#liencv a 		{ height:26px; background:url(../image/picto-dl-cv.png) no-repeat; left:0px; display:block; line-height:26px; padding-left:35px; text-decoration:none; color:#333333; font-size:20px;}
#liencv a:hover 		{ text-decoration:underline;}
#copyrightcv 		{ width:940px; height:15px; float:left; text-align:center; margin-top:60px; margin-bottom:30px; }


/************************************************/
/* Pour roolover images */
/************************************************/
 
ul.hover_block li{ list-style:none;float:left; background: #f4f4f4;width:290px; position: relative; }
 ul.hover_block li a {display: block;position: relative; overflow: hidden;height: 160px; width: 270px; padding:10px; color: #000;font: 1.2em/1.3 Helvetica, Arial, sans-serif;}
 ul.hover_block li a { text-decoration: none; }
 ul.hover_block li img { position: absolute; top: 0; left: 0;border: 0;}

/* contact */
#formbloc{ width:940px; height:auto; float:left;}
INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }