body { margin:0; padding:0;  background:url(images/header/bg-head.png) repeat-x; background-color:#F1F1F1; 
		width:100%; font-family:Verdana,Arial,sans-serif; font-size:12px; color:#473a32;
		}

h1,h2,h3,h4,h5,h6,p {font-weight:normal;}
a {text-decoration:none; color:#473A32;}
img {border:none;}
.clear{
clear:both;
}
#header {width:900px; margin:0 auto; position:relative; height:240px; }
	#header a {color:#c4b0a3;}
	#header h1 {color:#c80808; font-size:20px; font-weight:bold;}
	#header p {width:500px; font-weight:bold; text-shadow:0 1px 0 #eee; -moz-text-shadow:0 1px 0 #eee; -webkit-text-shadow:0 1px 0 #eee;}
	#header #headerp {display:block; margin-left:15px; margin-top:0;}
	#header #headerp p {font-size:11px; line-height:20px; font-weight:normal; text-align:justify;}
	#header #menu {display:block;}
	#header #menu ul {float:right; line-height:30px; margin-top:-45px; height:20px;}
	#header #menu ul li {float:left; display:block; list-style-type:none; margin-left:13px; text-transform:uppercase;}
	#header #menu ul li.current-img-a { background:url(images/header/current-a.png) no-repeat; height:69px; margin-top:-6px; padding-top:5px;  margin-top/*\**/:-2px\9;}
	#header #menu ul li.current-b { background:url(images/header/current-b.png) no-repeat; height:69px; margin-top/*\**/:-2px\9;}
	#header #menu ul li.current-c { background:url(images/header/current-c.png) no-repeat; height:69px; margin-top/*\**/:-2px\9;}
	#header #menu ul li.current-d { background:url(images/header/current-d.png) no-repeat; height:69px; margin-top/*\**/:-2px\9;}
	#header #menu ul li.current-e { /*background:url(images/header/current-e.png) no-repeat;*/ height:69px; margin-top/*\**/:-2px\9;}
	#header #menu ul li.current-f { background:url(images/header/current-a.png) no-repeat; height:69px; margin-top:-6px; padding-top:5px;  margin-top/*\**/:-2px\9;}
	#header #menu ul li.current-a a, 
		#header #menu ul li.current-b a, 
		#header #menu ul li.current-c a, 
		#header #menu ul li.current-d a,
		#header #menu ul li.current-e a,
		#header #menu ul li.current-f a {text-shadow:0 1px 0 #333; color:#fff; -moz-text-shadow:0 1px 0 #333; color:#fff; -webkit-text-shadow:0 1px 0 #333; color:#fff;}
	#header #menu ul li a:hover {text-shadow:0 1px 0 #333; color:#fff; -moz-text-shadow:0 1px 0 #333; color:#fff; -webkit-text-shadow:0 1px 0 #333; color:#fff;}
	
	#header #sous-menu {clear:both; width:900px; height:150px;}
	#header #sous-menu #imgiphone, #header #sous-menu #headerp, #header #sous-menu #imgsites {display:block; float:left;}
	#header #sous-menu img {margin-top:0;}
	

	

						/******* HOME PAGE *******/
						
						
	
#home-contact {width:900px; margin:0 auto; margin-top:10px; clear:both; height:100px;}
	#home-contact #nous-trouver {float:right; width:500px; line-height:18px;}
	#home-contact #nous-trouver h1 {margin-top:0; color:#C80808; font-size:12px; text-transform:uppercase; font-weight:bold; margin-left:55px;}
	#home-contact #nous-trouver p {margin-top:0; width:220px; text-align:center;}
	#home-contact #nous-trouver img {float:right; margin-top:-100px;}
	
#caroussel { margin-top:20px;text-align:center; clear:both;}  /*background:url(images/accueil/bg-caroussel.jpg) repeat-x;*/
	#iphone {width:1053px; margin:auto;}
	
.bloc-bot {width:900px; margin:0 auto; clear:both;}
.titre-bot {font-size:12px; text-transform:uppercase; color:#C80808; font-weight:bold;}
.bloc-bot a {color:#473a32; font-weight:bold; border-bottom:1px dotted #473a32;}	

#soc {background:url(images/accueil/bg-social.png) repeat-x; background-color:#d1cecc; margin-top:50px;}
	#social { width:900px; min-height:280px;  margin:0 auto;}
	#derniers-tweets {width:435px; float:left; min-height:280px; background:url(images/accueil/bg-tweet.png) bottom right no-repeat;}
	#derniers-tweets h1 {text-transform:uppercase; font-size:12px; border-bottom:1px solid #473a32; font-weight:bold; padding-top:10px;}
	#derniers-articles {width:435px; float:right; min-height:280px; background:url(images/accueil/bg-blog.png) bottom right no-repeat;}
	#derniers-articles h1 {text-transform:uppercase; font-size:12px; border-bottom:1px solid #473a32; font-weight:bold; padding-top:10px;}
	.last {font-style:italic;}
	.last img {margin-right:10px; margin-top:12px;}
	.last strong {color:#C80808;}
	#lien-blog {text-align:right;}
	#lien-blog a {color:#473A32; border-bottom:1px dotted #473A32; font-weight:bold;}
	
	
	
	
	
	
						/******** PAGE RECRUTEMENT ********/
						

#recrutement {width:900px; margin:0 auto; min-height:300px;}
#recrutement h1 {font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid;}
#recrutement p {text-align:justify; line-height:18px;}					
						
	
	
	




						/******** PAGE COMPETENCES ********/	

#competences {width:900px; margin:0 auto;}
#competences h1 {font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid;}						
#domaines {width:180px; float:left;}
#domaines ul {padding-top:10px; list-style:none; display:block; clear:both; margin-left:-35px;}
#domaines ul li {float:left; margin-left:10px; background:url(images/competences/bg-icone.png) no-repeat; height:74px; width:74px; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}	
#domaines ul li:hover {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.comp p {width:310px;}


.titre-comp {text-transform:uppercase; color:#C80808; font-weight:bold; text-align:center;}

.rouge {color:#C80808; font-weight:bold;}
#competences a {font-weight:bold;}

.desc {width:320px; float:left; margin-left:50px;}
.title {text-align:center;}
.desc-comp {text-align:justify; line-height:20px; display:block; margin:0; margin-bottom:30px;}
.example {width:320px; float:left; margin-left:15px;}
.example p {display:block; margin:auto; width:360px;}
#exemple-rea { padding-top:10px; margin:0 auto; width:360px; text-align:center; width:360px; margin-bottom:13px;}


	

	
						/******** PAGE CONTACT ********/


						
#contact {width:900px; margin:0 auto; margin-bottom:20px;}
#contact h1 {font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid;}
#form {width:404px; background-color:#EAEAEA; padding:8px; -moz-border-radius:7px; float:left; padding-top:0px;}
#form input {width:180px; height:15px; color:#473A32;}
#form input#sujet {width:369px;}
#form textarea { color:#473A32;  font-family:Verdana,Arial,sans-serif; font-size:12px; width:369px;}
#form input[type=submit] {background:url(images/contact/submit.png) no-repeat; width:79px; height:22px; border:none; cursor:pointer;}
input#captcha {width:50px;}
#plans {float:right; width:470px;}
#image {display:block; float:right; margin-right:20px;}




						/******** PAGE REFERENCES ********/	

#references {width:900px; margin:0 auto;}						
#references h1 {font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid;}
#cat {width:720px; margin:auto;}
#liste-rea {cursor:pointer; float:left;}
#liste-rea img {margin-top:5px; margin-left:20px;}

#detail-rea, #detail-rea-1 {margin:auto; margin-top:15px; width:360px;float:left;}
.red {color:#C80808;}
#infos-rea, #infos-rea-1 {width:365px; margin:auto; float:left; line-height:20px; margin-left:55px;}

h3#client {height:40px; line-height:40px; text-align:center; color:#C80808; text-transform:uppercase; font-size:12px; font-weight:bold;}
#img_ref { margin-left:0px; }
.jcarousel-skin-ie7 {width:120px; float:left; margin-top:7px;}


	
	
						/******** PAGE EQUIPE ********/	

#equipe {width:900px; margin:0 auto;}						
#equipe h1 {font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid;}
.membre {background-color:#FFF; border:1px solid #e0e0e0; width:690px; margin:auto; margin-top:60px;}
.membre p { padding-left:95px;}
.avatar {margin-left:50px; position:absolute;}
.name {color:#C80808; text-transform:uppercase; font-weight:bold;}






#planSite {width:900px; margin:0 auto; height}
#planSite h1 {font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid;}
#planSite p {text-align:justify; line-height:18px;}
#mentions {width:900px; margin:0 auto;}
#mentions h1 {font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid;}
#mentions p {text-align:justify; line-height:18px;}

	
						/****** FOOTER *****/
	
	
	
#footer {height:64px; background:url(images/footer/bg-footer.png) repeat-x; clear:both; margin-top:10px;}
	#footer a { color:#FFF;}
	#footer ul {float:left; list-style-type:none; margin-right:70px;}
	#footer-contenu {width:900px; margin:0 auto;}
	#footer p {text-align:center;}
	#footer li {color:#FFF;}
	
	#footer a:hover {border-bottom:1px #FFF dotted;}
	
	
/*** Pour IE ***/

#header ul {float:right; line-height:30px; margin-top/*\**/:-40px\9;float:none;
line-height:30px;
margin-bottom:5%;
margin-left:22%;}