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;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style:none;}
img {border:0;}

body {
	text-align:center;
	color:#0A64C7;
	font-family:Arial, Verdana, Georgia;
	background-color:#F2F2F2;
	font-size:11px;
	padding-top:15px;
	padding-bottom:15px;
}

* {
margin:0;
padding:0;
border:0 none;
font-style:normal;
font-size:100%;
list-style-type:none;
text-align:left;
text-decoration:none;
font-family:Arial, Verdana, Georgia;
}

.cleaner {
	clear:both;
	height:0;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	line-height:1px;
	background:transparent;
}

/* ---- Liens ---- */
a	{ 
	background:transparent; 
	text-decoration: none;	
}

a:link,
a:visited {
	color:#646464;
	text-decoration:none;
}

a:focus,
a:hover { 
	color:#0A64C7;
	text-decoration:underline;
}

/* Elements formulaire  */
input,
select {
	border:1px solid #999;
}

input.iradio {
	border:none;
}

select {
	font-size:11px;
	padding:1px;
}

select option {
	padding-left:5px;
	padding-right:10px;
}

option.titreliste {
	font-style:italic;
}

fieldset {
	border:1px #999 solid;
	padding:10px;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
}

fieldset legend {
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	font-size:14px;
}

form ul li {
	list-style:none;
	padding:5px;
	clear:both;
}

form ul li label {
	float:left;
	vertical-align:top;
	width:170px;
	text-align:right;
	clear:left;
	padding-right:3px;
}

form ul li.center {
	text-align:center;
	padding-top:10px;
}

form span.obligatoire {
	color:#FF0033;
	padding-left:1px;
	font-weight:600;
}

form .itext {
	border:1px solid #999;
	font-size:12px;
	padding-left:2px;
	padding-right:2px;
}

form .itextfocus {
	border:1px solid #999;
	font-size:12px;
	padding-left:2px;
	padding-right:2px;
}

form input.itext,
form input.itextfocus {
	width:170px;
	height:16px;
}

form input.ibutton {
	text-align:center;
	vertical-align:middle;
	border:1px solid #666;
	font-weight:600;
	height:22px;
	padding-left:1px;
	padding-right:1px;
	font-family:Arial, Georgia, Verdana;
}

form textarea.itext,
form textarea.itextfocus {
	width:170px;
}

.msgerror {
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
	border:1px solid #BB0000;
	color:#CC0000;
	text-align:left;
	padding-left:70px;
	background:#FFDDD9 url(/img/warning001.png) no-repeat 10px 50%;
}

p.cnil {
	color:#777;
	font-size:10px;
	border-bottom:1px solid #ABB88B;
	border-top:1px solid #ABB88B;
	padding:5px;
	text-align:justify;
}

span.raquo,
span.laquo {
	font-size:12px;
	font-weight:900;
	color:#0A64C7;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	padding-right:3px;
}

.topfade{margin:0 auto; width:970px; height:41px; background:transparent url(/img/headertop_bg_001.png) no-repeat bottom left;}
.bottomfade{margin:0 auto; width:970px; height:43px; background:transparent url(/img/footerbottom_bg_001.png) no-repeat top left;}
/* ---- Page ---- */
#container {
	margin: 0 auto;
	text-align:left;
	width:970px;
	height:auto;
	background:transparent url(/img/middle_fade_001.png) repeat-y;
}

/* --- Header --- */
#header {
	margin:0 auto;
	width:908px;
	text-align:center;
	height:133px;
	background:#FFF url(/img/header_bandeau_001.png) repeat-x top left;
	position:relative;
}

#logo {
	position:absolute;
	left:20px;
	top:0px;
	height:150px;
	width:192px;
}

#logo a {
	text-decoration:none;
}

#batlrci {
	position:absolute;
	left:212px;
	top:0px;
	height:150px;
	width:749px;
}

#slogan {
	position:absolute;
	left:179px;
	top:20px;
	height:90px;
	width:594px;
}

#slogan p {
	text-align:center;
	color:#FFF;
	font-size:18px;
	line-height:40px;
}

#headerbottom {
	margin:0 auto;
	width:908px;
	text-align:left;
	height:13px;
	background:#FFF url(/img/headerbottom_bg_001.png) no-repeat top left;
	position:relative;
}

/* --- Zone centrale, le contenu --- */
#content {
	position:relative;
	margin:0 auto;
	width:908px;
	overflow: hidden;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	background:#FFF url(/img/content_bg_0001.png) repeat-y left;
}

#colleft {
	position: relative;
	float:left;
	width:230px;
	padding-top:10px;
	background:transparent url(/img/colleft_bg_001.png) no-repeat top left;
}

#colright {
	position: relative;
	float:right;
	width:678px;
	padding-top:5px;
}

/* ---- Fil d'ariane ---- */
#colright div.filariane {
	color:#888888;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:11px;
	margin-left:25px;
	margin-right:25px;
	padding-bottom:4px;
	margin-bottom:10px;
	background:transparent url(/img/filariane_border_001.gif) repeat-x bottom left;
}

#colright div.filariane span.separateur {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-weight:900;
}

#colright div.filariane span.selection {
	font-weight:bold;
	color:#013A78;
	font-size:11px;
	font-family:Arial, Verdana, Tahoma, sans-serif;
}

#colright p.chapoaccueil {
	margin-left:25px;
	margin-right:25px;
	color:#666666;
	text-align:justify;
	font-size:14px;
}

#colleft div.mainmenu {
	margin-left:35px;
	margin-right:5px;
}

#colleft div.mainmenu ul li {
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Verdana, Tahoma, sans-serif;
	padding-left:13px;
	background:transparent url(/img/puce_carre_002.png) no-repeat center left;
	height:20px;
}

#colleft div.mainmenu ul li a:link,
#colleft div.mainmenu ul li a:visited {
	color:#FFFFFF;
}

#colleft div.mainmenu ul li a:focus,
#colleft div.mainmenu ul li a:hover {
	color:#0A64C7;
}

#colleft div.mainmenu ul li.selection {
	background:transparent url(/img/puce_carre_001.png) no-repeat center left;
}

#colleft div.mainmenu ul li.selection a:link,
#colleft div.mainmenu ul li.selection a:visited {
	color:#013A78;
}

#colleft div.mainmenu ul li.selection a:focus,
#colleft div.mainmenu ul li.selection a:hover {
	color:#0A64C7;
}

#colleft p.engagement {
	text-align:center;
	color:#8D8D8D;
	font-size:12px;
	font-style:italic;
	line-height:22px;
	padding:10px;
	padding-top:35px;
	padding-bottom:35px;
}

#colleft p.experience {
	text-align:center;
	color:#0A64C7;
	font-size:18px;
}

#colleft p.experience b {
	font-size:24px;
}

#colleft div.partenaires {
	background-color:#EDEDED;
	color:#0A64C7;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-top:35px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding-top:13px;
}

#colleft div.partenaires p {
	padding-bottom:13px;
	text-align:center;
}

#colleft div.partenaires p.agreement {
	padding-top:13px;
	color:#0A64C7;
	font-size:12px;
	font-style:italic;
}

/* --- colright / page accueil --- */
#colright div.container {
	position: relative;
	margin-left:25px;
	margin-right:25px;
	margin-top:5px;
	font-size:12px;
	color:#666666;
}

#colright div.container h2 {
	color:#003977;
	font-size:14px;
	padding-bottom:5px;
}

#colright div.container p {
	color:#666666;
	text-align:justify;
}

#colright div.container p.bleu {
	color:#0A64C7;
}

#colright div.container p sup {
	font-size:10px;
}

#colright div.accueilpres {
	padding-top:20px;
	padding-left:60px;
	position: relative;
}

#colright div.accueilpres table {
	width:506px;
}

#colright div.accueildesc1 {
	position:absolute;
	left:368px;
	top:20px;
	height:84px;
	width:210px;
	color:#646464;
	font-size:16px;
}

#colright div.accueildesc2 {
	position:absolute;
	left:368px;
	top:418px;
	height:84px;
	width:210px;
	color:#646464;
	font-size:14px;
}

#colright p.slogan {
	text-align:center;
	background-color:#FBFBFB;
	border:1px solid #E5E5E5;
	margin-left:80px;
	margin-right:80px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:18px;
	padding-top:15px;
	padding-bottom:15px;
}

#colright p.slogan b.h24px {
	font-size:24px;
}

#colright p.slogan b {
	line-height:38px;
}

#colright div.container table.activite {
	width:626px;
	background:transparent url(/img/activites_rubriques_bg_001.png) repeat-y top left;
	margin-bottom:20px;
	border:1px solid #CCCCCC;
}

#colright div.container table.pagerealisation,
#colright div.container table.pageactivite {
	margin-bottom:20px;
	margin-top:10px;
}

#colright div.container table.activite {
	margin-bottom:20px;
	margin-top:10px;
}

#colright div.container table.pagerealisation tr td,
#colright div.container table.activite tr td,
#colright div.container table.pageactivite tr td {
	text-align:left;
	vertical-align:top;
}

#colright div.container table.activite tr td {
	padding:10px;
}

#colright div.container table.pagerealisation tr td.photo,
#colright div.container table.activite tr td.photo,
#colright div.container table.pageactivite tr td.photo {
	padding-right:0px;
}

#colright div.container table.pagerealisation tr td {
	padding:0px;
}

#colright div.container table.pagerealisation tr td.photo a ul li {
	background-color:#013A78;
	text-align:center;
}

#colright div.container table.pagerealisation tr td.photo a ul li.lienzoom {
	padding-bottom:5px;
}

#colright div.container table.pagerealisation tr td.photo a:link,
#colright div.container table.pagerealisation tr td.photo a:visited {
	color:#FFFFFF;
	font-size:14px;
	line-height:20px;
}

#colright div.container table.pagerealisation tr td.photo a:focus,
#colright div.container table.pagerealisation tr td.photo a:hover {
	color:#A5B5C7;	
}

#colright div.container table.pagerealisation tr td.photo {
	text-align:center;
	line-height:20px;
}

#colright div.container table.pagerealisation tr td.secondaires {
	padding-left:15px;
}

#colright div.container table.pageactivite ul li.titre,
#colright div.container table.activite ul li.titre a {
	font-size:14px;
	font-weight:bold;
	margin-left:15px;
}

#colright div.container table.pageactivite ul li.titre {
	color:#013A78;
}

#colright div.container table.pagerealisation ul li.chapo,
#colright div.container table.pagerealisation ul li.content,
#colright div.container table.pagerealisation ul li.ps,
#colright div.container table.pageactivite ul li.chapo,
#colright div.container table.pageactivite ul li.content,
#colright div.container table.pageactivite ul li.ps,
#colright div.container table.activite ul li.accroche {
	font-size:12px;
	color:#666666;
	padding-top:8px;
	padding-bottom:8px;
	text-align:justify;
	display:block;
	margin-left:15px;
}

#colright div.container table.activite ul li.accroche {
	color:#FFFFFF;
}

#colright div.container table.activite ul li.ensavoirplus {
	margin-left:15px;
}

#colright div.container table.pageactivite ul li.chapo {
	font-weight:bold;
}

#colright div.container table.activite ul li.titre a:link,
#colright div.container table.activite ul li.titre a:visited {
	color:#013A78;
}

#colright div.container table.activite ul li.titre a:focus,
#colright div.container table.activite ul li.titre a:hover {
	color:#0A64C7;
}

#colright div.container table.activite tr td.photo a img {
	display:block;
}

#colright div.contact div.coordonnees ul li.photo img,
#colright div.container table.pagerealisation tr td.photo img,
#colright div.container table.pageactivite tr td.photo img,
#slideshowrea ul li.photo a:link img,
#slideshowrea ul li.photo a:visited img,
#colright div.container table.activite tbody tr td.photo a:link img,
#colright div.container table.activite tbody tr td.photo a:visited img {
	border:1px solid #013A78;
}

#slideshowrea ul li.photo a:focus img,
#slideshowrea ul li.photo a:hover img,
#colright div.container table.activite tbody tr td.photo a:focus img,
#colright div.container table.activite tbody tr td.photo a:hover img {
	border:1px solid #6699CC;
}


#colright div.container table.pageactivite ul li.content p {
	padding-bottom:10px;	
}

#colright div.autresactivites {
	text-align:right;
	display:block;	
}

#colright div.autresactivites ul li {
	text-align:right;
}

#colright div.autresactivites ul li b {
	font-size:12px;
	padding-left:2px;
	padding-right:2px;
}

#colright div.container ul.listerea {
	padding-top:15px;
}

#colright div.container ul.listerea li {
	font-size:11px;
	color:#666666;
}

#colright div.container ul.listerea li sup {
	font-size:10px;
}

#colright div.container ul.listerea li.titrectgrea {
	font-size:14px;
	color:#013A78;
	font-weight:bold;
}

#slideshowrea {
	position:relative;
	margin:0 auto;
	width:100%;
	overflow: hidden;
	background-color:#D9E1EA;
	display:block;
}

#viewrea1,
#viewrea2,
#viewrea3 {
	position: relative;
	float:left;
	width:209px;
	padding-top:10px;
	padding-bottom:10px;
}

#viewrea1 ul li,
#viewrea2 ul li,
#viewrea3 ul li{
	text-align:center;
}

#colright div.contact div.coordonnees ul li.societe,
#colright div.container table.pagerealisation ul li.reference,
#slideshowrea ul li.reference {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

#colright div.container table.pagerealisation ul li.localisation,
#colright div.container table.pagerealisation ul li.metrescarre,
#slideshowrea ul li.localisation,
#slideshowrea ul li.metrescarre {
	font-size:12px;
}

#slideshowrea ul li.lien {
	margin-top:10px;
}

#colright div.container table.pagerealisation ul li.reference,
#colright div.container table.pagerealisation ul li.localisation,
#colright div.container table.pagerealisation ul li.metrescarre {
	margin-left:15px;
}

#colright div.contact div.coordonnees ul li.societe,
#colright div.contact div.coordonnees ul li.adresse1,
#colright div.contact div.coordonnees ul li.adresse2,
#colright div.contact div.coordonnees ul li.codeville,
#colright div.container table.pagerealisation ul li.reference,
#colright div.container table.pagerealisation ul li.localisation,
#colright div.container table.pagerealisation ul li.metrescarre,
#slideshowrea ul li.reference a:link,
#slideshowrea ul li.reference a:visited,
#slideshowrea ul li.localisation a:link,
#slideshowrea ul li.localisation a:visited,
#slideshowrea ul li.metrescarre a:link,
#slideshowrea ul li.metrescarre a:visited {
	color:#013A78;
}

#colright div.container table.pagerealisation ul li.metrescarre sup {
	font-size:10px;
}

#colright div.contact {
	position:relative;
}

div.formulaire {
	position: relative;
	float:left;
	width:400px;
	min-height:500px;
}

div.coordonnees {
	position: relative;
	float:right;
	width:205px;
	min-height:500px;
	background:transparent url(/img/contact_bg_coordonnees_001.png) repeat-x top left;
}

#colright div.contact div.formulaire sup {
	font-size:8px;
}

#colright div.contact div.coordonnees ul {
	padding-top:10px;
}

#colright div.contact div.coordonnees ul li {
	text-align:center;
}

#colright div.contact div.coordonnees ul li.photo,
#colright div.contact div.coordonnees ul li.tel {
	padding-top:15px;
}

#colright div.plan {
	background:transparent url(/img/plan_bg_001.jpg) no-repeat top right;
	min-height:300px;
}

#colright div.plan ul.level1 li.rubrique {
	font-weight:bold;
	padding-bottom:15px;
}

#colright div.plan ul.level1 li.rubrique ul li {
	font-weight:normal;
}

#colright div.realisationprecedente {
	position: relative;
	float:left;
	width:250px;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
}

#colright div.realisationsuivante {
	position: relative;
	float:right;
	width:250px;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
}

#lightbox-image-details-caption {
	color:#013A78;
	font-size:16px;
}

/* --- Footer --- */
#footer {
	clear:both;
	margin:0 auto;
	width:908px;
	height:55px;
	text-align:center;
	position:relative;
	background:#003977 url(/img/footer_bg_001.png) repeat-x bottom left;
	padding-top:10px;
	padding-bottom:10px;
	line-height:24px;
}

#footer div.smallnav {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

#footer div.smallnav a:link,
#footer div.smallnav a:visited {
	color:#FFFFFF;	
}

#footer div.smallnav a:focus,
#footer div.smallnav a:hover {
	color:#A5B5C7;	
}

#footer span.copyright {
	color:#E7E7E7;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

#footer span.author {
	color:#033C7A;
	font-size:12px;
	text-align:center;
}

#footer span.author a:link,
#footer span.author a:visited {
	color:#033C7A;
	font-weight:bold;
}

#footer span.author a:focus,
#footer span.author a:hover { 
	color:#99FFFF;
}