/*
------------ Global ----------------
 */

* {margin:0; padding:0;}
body {font:.7em Arial, Helvetica, sans-serif;font-style:normal; background-color:#015486;}
h2 {
	color:#fff;
	font-size:2.5em;
	padding-left:25px;
	background: url(images/croix_bleue.png) left 70% no-repeat;
	padding-top:15px;
}
h4 {color:#fff;}
.centre {margin: 0 auto;width:910px;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix {height: 1%;}
.separateur {clear:both;visibility:hidden; height:30px;width:910px;}
.blue {color:#009cdd;}

/*
------------ top / menu ----------------
 */

#top {height:175px;background:#006296 url(images/background_top.jpg) top left repeat-x;}
#top img {padding-top:6px;padding-right:100px;float:left;}
#top #navigation {position:relative; top:91px; left:0;}
#navigation li {display:block; float:left; list-style-type:none; text-align:center;}
#navigation li a {
	display:block;
	float:left;
	width:85px;
	height:64px;
	padding-top:30px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#navigation li a:hover {
	width:85px;
	height:64px;
	background:#fff url(images/over.jpg) top left no-repeat;
	color:#051b40;
}
#navigation li a.visit, #navigation li a.visit:hover {
	width:85px;
	height:64px;
	background:#fff url(images/over.jpg) top left no-repeat;
	color:#051b40;
	cursor:default;
}

/*
------------ header / accroche ----------------
 */

#header {height:206px;background:#fff url(images/background_header.jpg) top left repeat-x; }
.accroche {position:relative;margin: 0 auto;width:910px;height:196px;background: url(images/accroche.jpg) top left no-repeat;}
.accroche span {display:none;}


/*
------------ contenu principal ----------------
 */

#contenu { min-height:500px; background:#051b40 url(images/background_contenu.jpg) top left repeat-x;}
.alinea {margin-left:150px;}	/*-- decaler les titres h2 -- */
.news {
	width:300px;
	/*height:375px;*/
	float:left;
	margin:25px 25px 35px 0;
	background: url(images/bordure_news.jpg) top right no-repeat;
	color:#fff;
	font-size:2em;
}

 /* .news p {float:left;width:300px;} */
 .news p {width:300px;}
.news h3, .tarif h3 {font-family: "Times New Roman", Times, serif;color:#e4a600;}
.tarif h3 {margin-bottom:20px;}
.news img {border:#fff solid 1px; margin:10px 0 10px 0;}
.news em {clear:both;width:300px;font-weight:bold;color:#009cdd;}
.tarif {
	width:250px;
	/*height:375px;*/
	float:left;
	margin:25px 25px 20px 0;
	background: url(images/bordure_news.jpg) top right no-repeat;
	color:#fff;
	font-size:2em;
}
.tarif p {font-weight:bold;}
a.detail  {
	display:block;
	float:left;
	width:90px;
	margin-top:15px;
	text-decoration:none;
	color:#e4a600;
	font-size:.8em;
	background: url(images/fleche.gif) right center no-repeat;
}

a.detail:hover {color:#009cdd;}
.contact {
	float:left;
	width:200px;
	margin-top:60px;
	color:#fff;
	font-size:2em;
}

.contact a  {
	display:block;
	float:left;
	margin-top:0px;
	text-decoration:none;
	color:#009cdd;
	font-size:1em;
}
.contact a:hover {color:#e4a600;}
.tarif a  {
	display:block;
	float:left;
	padding-right:25px;
	text-decoration:none;
	color:#009cdd;
	font-size:1em;
	background: url(images/fleche.gif) right center no-repeat;
}
.tarif a:hover {color:#e4a600;background: url(images/fleche.gif) right center no-repeat;}
.back {clear:both; width:900px; margin-top:40px;}
/* Style des liens du pageur : editerOffre / listerOffres / editerMateriel / Materiel */
.poursuite table { float:right; text-align:right; width:230px; background: #051B40; }
.poursuite>td, .poursuite table, .poursuite table td { background: url(images/vide.png); border: none; }
.back a {
	display:block;
	width:123px;
	text-align:center;
	padding: 0.3em 0.6em;
	text-decoration: none;
	border:1px solid #061c40;
	background-color: #026398;
	color: #fff;
}
.poursuite a {
	padding: 0.3em 0.6em;
	margin: 0 0.3em;
	text-decoration: none;
	border:1px solid #061c40;
	background-color: #026398;
	color: #fff;
}
.poursuite a:hover, .back a:hover {background-color: #b7c7de; color: #061c40;}
#sous_menu {float:left;}
#sous_menu li {list-style-type:none; width:138px; height:34px;}
#sous_menu li a {
	display:block;
	padding:6px 0 0 15px;
	text-decoration:none;
	width:123px;
	height:28px;
	font:bold 1.6em "Times New Roman", Times, serif;
	color: #061c40;
	background:#d2dcea url(images/background_sous_menu.jpg) top left no-repeat;
}
#sous_menu li a:hover {color: #fff; background:#d2dcea url(images/background_sous_menu_over.jpg) top left no-repeat;}
div#MenuAdmin { width: 900px; height:34px; background: #d2dcea url(images/background_sous_menu_admin.jpg) repeat-x;}
#sous_menu_admin {}
#sous_menu_admin li {list-style-type:none; height:34px; float: left; border-left: 1px solid #d2dcea}
#sous_menu_admin li a {
	display:block;
	padding:6px 0 0 15px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration:none;
	/*width:123px;*/
	height:28px;
	font:bold 1.25em "Times New Roman", Times, serif;
	color: #061c40;
	background:#d2dcea url(images/background_sous_menu_admin.jpg) repeat-x;
}
#sous_menu_admin li a:hover {	color: #fff; background:#d2dcea url(images/background_sous_menu_admin_over.jpg) repeat-x;}
.logoAccueil {border:0;}

/*
------------ contenu principal / tableau ----------------
 */

table {float:left;border-collapse:collapse; background-color:#fff;font-weight:bold; margin:20px 0;}
td {border:#061c40 solid 1px; padding-left:5px;}
th {height: 30px;background-color:#061c40; color:#e4a600; text-align:left;padding-left:5px;}
.col_une {width:100px; padding:0; background-color: #061C40;}
.col_une img { margin:auto;}
.col_bleue {background-color:#b7c7de;}
.col_blanche {background-color:#fff;}
.col_modele {background-color:#b7c7de;}
.infobulle {
	display:inline;
	position:relative;
	overflow:hidden;
	text-align:left;
}
.infobulle span {display:none;}
.infobulle:hover span {
	opacity:0.75;
	filter:alpha (opacity=75);
	background:#000;
	color:#fff;
	bottom:0;
	display:block;
	padding:5px;
	position:absolute;
	height:20px;
	width:90px;
}

.infobulle img {border:0;}
.fiche_contact {float:left; width:335px;padding:5px; margin-top:15px;border:1px solid #061c40;background-color: #026398;color: #fff;}
.fiche_contact a {text-decoration:none; color:#e4a600;}
.fiche_contact a:hover {text-decoration:underline; color:#051b40;}


/*  
-------------------- galerie photos --------------------------
*/

.galerie {
	width:365px;
	float:left;
	padding-left:25px;
	margin:25px 0 35px 25px;
	background: url(images/bordure_news.jpg) top left no-repeat;
	color:#fff;
	font-size:2em;
}
.galerie p {float:left;width:365px; font-size:.8em;}
#galerie_mini{margin: 0;padding: 0;}
#galerie_mini li {display:block;float:left;list-style-type: none;width:115px; height:115px;text-align:center;}
#galerie_mini li a {width:100px; height:100px;}
#galerie_mini li a img {margin-right: 15px; margin-bottom:10px; border:#b5c5de solid 1px;}
#galerie_mini a:focus {outline:0;}
.zoom {float:left; margin-top:25px;}
dl#photo {float: left ;margin: 0 auto ;}
dl#photo dt {font-style: normal;}
dl#photo dd{margin: 0; color:#fff;}
dl#photo img {border:#b5c5de solid 1px;}

/*
--------------------- footer -----------------------
 */

#footer {
	clear:both;
	height:90px;
	background:#4d6fa9 url(images/background_top.jpg) top left repeat-x;
	padding-top:20px;
	font-family: "Times New Roman", Times, serif;
}
#footer p {width:310px; float:left;font-size:1.1em;}
#footer a {color:#fff; text-decoration:none;font-weight: bold; }
#footer a:hover {color:#e4a600; text-decoration:none;}
#footer p#copyright {float: right; color:#fff; text-align:right;font-family:Arial, Helvetica, sans-serif;font-size:1em;}
#copyright  a img {margin-left: 6px; margin-bottom:-1px; border:#b5c5de solid 0px;}
 /*
p#copyright a { color:#e4a600;}
p#copyright a:hover {color:#fff;} */

/*
--------------- contcat / formulaire ------------------
*/

#formulaire { float: left; width:500px; color:#fff; font-size:1.2em; margin-top:25px; }
.champText {background:#dfdfdf;border: solid 1px #ccc;margin:2px 0 5px 0;}
.button {
	background:#026398;
	border:1px solid #061c40;
	padding: 1px 8px;
	color: #fff;
	font-size:11px;
}
em {display:block;float:left;margin-top:10px;}
.orange {color:#e4a600;}

/*
------------------- Messagde de test -------------------
*/

#testmessage {
	height:20px;
	background-color:Red;
	font-size:x-large;
	text-align:center;
}

.EmptyRow {
	background-color:Transparent;
	color:#fff;
	font-size:2em;
}