/* CSS Document */
html {
  height: 100%;
  width:100%;
}

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

#banniere {
	background: url(../img/fond_ban.jpg) center repeat-x;
	width:100%;
	height:115px;
}

.titre {
	position:relative;
	top:40px;
	left:200px;
	color:#FFFFFF;
	font-size:35px;
	font-weight:bold;	
}

.slogan{
	display:block;
	position:relative;
	top:-10px;
	width:100%;
	text-align:right;
	color:#FFFFFF;
	font-size:15px;
	font-style: italic;
	margin-left:-20px;
}

.exp {
	font-size:20px;
	vertical-align:bottom;
}

#logo {
	position:absolute;
	top:20px;
	left:20px;	
}

#align {
	text-align:center;
	width:100%;
}

#menu {
	text-align:center;
}

#cadre{
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:748px;
	height:220px;
	border:1px solid #a4a3a3;
}

#sommaire {
	margin-left: auto;
	margin-right: auto;
	padding:5px;
	text-align:center;
	width:748px;
	
}

#sommaire ul{
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	font-weight:600;
}

#titre {
	width:246px;
	height:30px;
	vertical-align:text-top;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	
}

#titre span {
	position:relative;top:5px;height:100%;
}

#reno {
	width: 246px;
	height: 136px;
	!height: 156px;
	background-color:#94c915;
	float:left;	
}

#const{
	width: 246px;
	height: 136px;
	!height: 156px;
	background-color:#f4b204;
	float:left;	
	margin-left:5px;
	margin-right:5px;
}

#erp {
	width: 246px;
	height: 136px;
	!height: 156px;
	background-color:#e75645;
	float:left;	
	
}

#blok {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:749px;		
}

#blok p {
	margin : 0;
}

#blok h3, h2 {
   margin : 0;
}

#blok h2 span{
	color: #327aaa;
}

#blok h2 {
	font-size:19px;
}

#intro {
	margin-top:15px;
	padding-right:15px;
	width:485px;
	height:245px;
	text-align:justify;
	color:#000;
	font-size:13px;
	float:left;
}

#intro h3 {
	font-size:14px;
	color:#7b7c7c;
}

#activ {
	margin-top:15px;
	padding-right:15px;
	width:305px;
	height:405px;
	text-align:justify;
	color:#000;
	font-size:12px;
	float:left;
}

#activ h4 {
	margin:0px;
	font-size:12px;
	color:#7b7c7c;
}

#interv {
	margin-top:15px;
	padding-left:15px;
	text-align:justify;
	color:#000;
	font-size:12px;
	border-left:1px solid #8b8a8a;
	width:400px;
	height:405px;
	float:left;	
}

#interv ul {
	color:#327aaa;
}

#actu {
	margin-top:15px;
	padding-left:15px;
	text-align:justify;
	color:#000;
	font-size:11px;
	border-left:1px solid #8b8a8a;
	width:230px;
	height:265px;
	float:left;	
}

#actu p {
	color:#327aaa;
	font-weight:600;
		}

.bienBox {
	display:block;
	position:absolute;
	background:#fff;
	text-align:justify;
	width:235px;
	height:250px;
	visibility:hidden;
}

#rotation {
	position:absolute;
	float:left;	
}

#footer { 
	position:relative;
	top:20px;
	left:180px;
	font-size:9px;
	color:#7b7c7c;
	font-weight:bold;
	float:left;	
}

#footer a {
	color: #327aaa;
	text-decoration:underline;
}

#contact {
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:750px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#4c4c4b;
}

#conf {
    height:350px;
	margin: 2px 0;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c03727;
	border:1px dotted #f4b204;
}

.validation-advice {
	margin: 2px 0;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#c03727;
}

INPUT.normal, textarea.normal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	border : 1px solid #7dc501;
	background-color:#e5e6e4;
}

INPUT.required, textarea.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	border : 1px solid #7dc501;
	background-color:#e5e6e4;
}

INPUT.normal2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;f;
	font-size:11px;
	font-weight:bold;
	color: #FFF;
	background-color:#128da0;
	border : 1px solid #7dc501;
}

select {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	border : 1px solid #128da0;
	background-color:#e5e6e4;
}

#cv{
	display:block;
	position:absolute;
	top:300px;
	left:60px;
	margin-top:15px;
	padding-left:15px;
	text-align:justify;
	color:#000;
	font-size:11px;
	border-left:1px solid #8b8a8a;
	border-top:1px solid #8b8a8a;
	width:200px;
	height:105px;
	
}

#mentions {
	display:block;
	margin-top:15px;
	padding-left:15px;
	text-align:justify;
	width:700px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4c4c4b;
	text-align:justify;
}

/*
Vertical Accordions
*/

#container {
	width:100%;
	height:320px;
}

#container div {
	padding:0px;
	margin:10px;
}


.accordion_toggle {
	 color: #327aaa;
	 font-size: 12px;
	 cursor: pointer;
	 line-height: 10px;
	 !line-height: 3px;
	 padding:5px 0 0 0 ;
}

.accordion_toggle_active {
	 text-decoration:underline; 
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	border-left:1px  dotted #8b8a8a;;
	border-right:1px dotted #8b8a8a;
	width:390px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:10px;

}

.accordion_content a {
	margin:5px;
	color: #FF0000;
	text-decoration:underline; 
	font-size:9px;
	float:right;
	font-weight:bold;

}

.accordion_content img {
    float: left; 
    margin: 6px; 
}

.accordion_content p {
	padding:10px;
}