/* CSS Document */
/*===============================
	global style resetting */
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

html, body, form, fieldset {
	color:#4f4f4f;
	font:.8em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	
}

img {border:0;}

address, caption, cite,th{
	font-style:normal;
	font-weight:normal;
}

ol, ul {list-style:none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 {font-size:100%}



strong , b{
	font-weight:bold;
}

i, em{
	font-style:italic;
}

input.btn {width:auto !IMPORTANT}
input{ border:none;}

/*===============================*/
a{ color:#fff; text-decoration:none;}
body{
	background-color:#3f3c46;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:center;
	line-height:14px;
}

/* structure  */
#contBan{
	height:95px;
	width:100%;
	border-bottom:1px solid #d90033;

}
#contMain{ 
	width:100%;
}
#ban{
	width:923px;
	height:95px;
	text-align:left;
	margin:0px auto;
	background-image:url(../images/trame.gif);
	background-repeat:repeat;
}
#main{
	text-align:left;
	margin:0px auto;
	background-image:url(../images/trame.gif);
	background-repeat:repeat;
	width:923px;
}
.logoHaut{
	padding:80px 0 0 5px;
}
.logoBas{
	padding:0 0 0 38px;
}
/* menu principal */
#menuPrin{ float:right; padding:60px 5px 0 0;}
#menuPrin li{ display:inline;}
#menuPrin li a{ font-weight:bold; text-transform:uppercase; }
#menuPrin li a:hover{ color:#d90033;}

#menuPrin li a.actif{ color:#d90033; }

/* style projets */
#gauche{
	width:328px;
	float:left;
}
#droite{
	float:left;
}
#droiteActu{
float:left;
width:500px;
}

#menuProjet{}
#menuProjet li{ float:left;}
#menuProjet li a{ display:block; background-color:#fff; color:#959595; text-transform:uppercase; padding:3px 5px 3px 5px; margin:0 0 0 2px;}
#menuProjet li a:hover{ color:#000;}
#menuProjet li.ongletActif a{color:#d90033;}

.majRouge{ color:#d90033; text-transform:uppercase; margin:30px 0 0 5px;}

#listeProj{ float:left; width:91px; margin:15px 0 0 5px;}
#listeProj li{}
#listeProj li a{ color:#abd7f0; display:block; margin:0 0 2px 0;}
.listeProjActive{ text-transform:uppercase; font-weight:bold; color:#fff;}

#despProj{ float:left; width:220px;}

.titreProjet{ text-transform:uppercase; font-weight:bold; font-size:12px; margin:15px 0 0 0;}
.citRouge{ color:#d90033; padding:15px 30px 15px 10px;}

#contVisu{ width:582px; /*height:436px;*/ background-color:#000; text-align:center;padding:10px 0 10px 0;}
.imgDef{border:1px #CCCCCC solid; cursor:pointer}
.miniaCrea{ float:left; margin:17px 8px 0 0px; border:1px #CCCCCC solid; cursor:pointer;}
/*.miniaCrea:hover, #listImg.iehover{
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	cursor:pointer;
}*/
#listImg{
	margin:0 0 0 25px;
}
/* contac */
#contact{
	width:860px;
	height:355px;
	background-image:url(../images/contact.gif);
	background-repeat:no-repeat;
	padding:30px 0 0 30px;
	background-position:30px 50px;
}
.titreContact{ color:#57c4cb; font-weight:bold; font-size:12px; padding:75px 0 0 40px;}
#coorBesac{ padding:5px 0 0 395px;}
#coorPont{ padding:150px 0 0 235px;}
.email{color:#d90033; font-weight:bold;}
#coorPont .email{ padding:0 0 0 20px;}
#coorBesac .email{padding:0 0 0 30px;}

/* actualités */
#listeActu{float:left; width:300px; margin:15px 0 0 5px;}
#listeActu li a{ color:#abd7f0; display:block; margin:0 0 2px 0;}
#droiteActu img{ float:right; margin:0 0 0 10px;}
#droiteActu a,#droiteActu a:link,#droiteActu a:visited,#droiteActu:active{
	color:#d90033;
}
.paraActu{ margin:10px 0 10px 0;}