/*
 * LAYOUT
 */
 
#site_entier{
	width:1012px;
	position:relative;
	margin:auto;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #AFEDEF;
	margin-top: 5px;
	color: #666;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

#site {
	width: 1012px;
	margin-left: auto;
	margin-right: auto;
	border-left: 2px solid #93d1e4;
	border-right: 2px solid #93d1e4 ;
	text-align: left;
}

#middle {
	margin: 0px;
	background-color: #ffffff;
    margin-top: 35px; 
    padding-top:40px; 
}

div.contenu {
    width:760px;
    margin-left:10px;
    padding-bottom: 30px;
}

#contenu {
    width:760px;
    margin-left:10px;
    padding-bottom: 30px;
}

/*
 * MISE EN FORME GÉNÉRALE
 */

a{
	text-decoration: none;
	color: #1b99c4; 
}

a:hover{
	color: #1b99c4;
}

img{
	border: none;
}

h1 {
	font-size: 16px;
	color: #1B99C4;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;	
	text-align: left;
}

h2 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	color: #1B99C4;
	padding-top: 2px;
	padding-left: 30px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 25px;
	margin-right: 25px;
	text-align: left;
	color: #FFC200;
}

dl {
	text-align: left;
}


/*
 * HEADER
 */

.fond_menu{
    position: relative;
	background-color: #ffffff;
	width: 1012px;
	padding: 0px;
	margin: 0px;
	width:100%;
}

.logo_Maarch{	
	background: url(/img/logo.gif) no-repeat;
	width: 240px;
	height: 80px;
	padding: 0px;
	margin-left: 20px;
	cursor:pointer;
}

#slogan{
	position: absolute;
	width: 400px;
	font: bold 16px Arial, sans-serif;
	text-align: center;
	left: 360px;
	padding-top: 50px;
}

.drapeaux{
	position: absolute;
	width: 54px;
	height: 18px;
	top: 6px;
	left: 490px; 
}

/* Contacts */

.contact{
	position: absolute;
	background: url(/img/nav_bar.gif) no-repeat;
	width: 676px;
	height: 70px;
	top: 0px;
	float: right;
	padding: 0px;
	margin: 0px;
	right:  0px;
	line-height: 17px;
}

.enveloppe_contact{
	position: absolute;
	background: url(/img/enveloppe_contact.png) no-repeat;
	width: 24px;
	height: 13px;
	top: 2px;
	float: right;
	padding: 0px;
	margin: 0px;
	right:  159px;
	top: 44px;
	left:485px;
}

.maarch_contact{
	position: absolute;
	float: left;
	color:#666666;
	padding-left: 10px;
	padding-top: 0px;
	width: 20px;
	left: 43px;
}

.services_contact{
	position: absolute;
	float: left;
	color:#666666;
	padding-left: 10px;
	padding-top: 0px;
	width: 20px;
	left: 130px;
}

.forum_contact{
	position: absolute;
	float: left;
	color:#666666;
	padding-left: 10px;
	padding-top: 0px;
	width: 20px;
	left: 250px;
}

.wiki_contact{
	position: absolute;
	float: left;
	color:#666666;
	padding-left: 0px;
	padding-top: 0px;
	width: 20px;
	left: 330px;
}

.maarch_contact, .services_contact, .forum_contact, .wiki_contact{
	top: 3px;
	font: bold 12px Arial, sans-serif;
	height: 22px;
}

.maarch_contact a, .services_contact a, .forum_contact a, .wiki_contact a{
	text-decoration:none;
	color:#666666;
}

.titre_contact{
	position: absolute;
	float: left;
	font: bold 16px Arial, sans-serif;
	padding-left: 10px;
	padding-top: 0px;
	width: 86px;
	left: 440px;
	height: 22px;
	top: 4px;
}

.mail_contact{
	position: absolute;
	font: 16px Arial, sans-serif;
	padding-left: 10px;
	padding-top: 10px;
	left: 525px;
	top: 31px;
	height: 27px;
	width: 141px;
}

.tel_contact{
	position: absolute;
	font: 16px Arial, sans-serif;
	padding-left: 10px;
	padding-top: 0px;
	left: 522px;
	top: 4px;
	height: 21px;
	width: 155px;
}


/*
 * MENU
 */

.menu_superieur{
position: absolute;
background: url(/img/menu_superieur.png) no-repeat;
width: 1012px;
height: 35px;
text-align: left;
}

div.menu_superieur ul {
padding-left :20px;
}

.li_superieur{
display:inline;
padding-left: 25px;
padding-right: 25px;
border-right: 2px solid white;
}

.li_superieur_last{
display:inline;
padding-left: 25px;
padding-right: 25px;
}

.menu_superieur a, .menu_superieur li, .menu_inferieur a{
font: bold 12px Verdana, sans-serif;
color: #505050;
text-align: left;
}

/*
 * PAGE D'ACCUEIL
 */

div#boite-services {
	float:left;
	width:45%;
	border: 1px solid #73bdff;
}

div#boite-actu {
	border: 1px solid #73bdff;
	padding: 10px;
}

div#evtiel {
	padding: 0;
	margin-bottom: 20px;
}

div#homeSideBar {
	float:right;
	width:230px;
	margin-right: 20px;
}

div#boite-top {
	width:832px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom: 30px;
}
div#boite-top-content {
	width:830px;
	text-align:center;
	background: url(/img/bg_content.gif) repeat scroll bottom left;
	border-left: 1px solid #73bdff;
	border-right: 1px solid #73bdff;
}

/*
 * PAS UTILISÉ ?
 */

.style2 a:hover{
color: #CC00FF;
}

.presentation-title {
	color: #FFC200;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align: center;
}

.presentation-text {
	font: 16px Arial, sans-serif;
	font-size: 14px;
	text-align: center;
}

.presentation-pack{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.presentation-pack img{
	text-align: center;
	margin-right: 15px;
	margin-left: 15px;
}

#middle ul{
	text-align: left;
}

p {
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

#bottom {
	text-align: center;
	background-color: #E7F5FD;
	/*margin-top: 4px;*/
	margin-bottom: 20px;
}

h5 {
	border-bottom: 2px solid black;
	font-size: 40px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	text-align: left;
	background-repeat: no-repeat;
	background-position: left;
	
	height: 80px;
	
}

.style2{
text-align: center;
margin-left: auto;
margin-right: auto;
padding-left:0;
}

/* Acces */

.position{
text-align: left;
margin-left: 10px;
}

#bouton_plan{
float: right;
margin: 0px;
}

#lien_plan{
position: absolute;
margin-left: 442px;
letter-spacing: 2px;
font-weight: bold;
}

#lien_plan_voiture{
position: absolute;
margin-left: 495px;
letter-spacing: 2px;
font-weight: bold;
}

.text_acces{
padding-left: 10px;
}

.table_acces{
margin-top: 10px;
background: #E0F2FB;
border: medium solid #93d1e4;
padding: 0px;
}

.table_acces li{
line-height: 10px;
}

/*
 * SECTION REFERENCES
 */

.scrollbox {
position:relative;
float:left;
margin:0;
padding:0;
width:407px;
}
.scrollbox_content {
margin:0;
padding:0;
position:relative;
float:left;
margin:0;
padding:0;
width:392px;
}
.scrollbox_scrollbar {
float:left;
width:15px;
height:425px;
padding:0;
margin:0;
background: url(/img/refs/blank.gif) top left no-repeat;

}
.scrollbox_up_button {
background:  url(/img/refs/scroll_up_button.png) no-repeat scroll right top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/refs/scroll_up_button.png', sizingMethod='crop');  
height:15px;
width:15px;
display:block;
margin:0;
padding:0;
	cursor:pointer;
}
.scrollbox_down_button {
background:url(/img/refs/scroll_down_button.png) no-repeat scroll right top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/refs/scroll_down_button.png', sizingMethod='crop');  
height:15px;
width:15px;
display:block;
margin:0;
padding:0;
	cursor:pointer;
}
.scrollbox_handle {
     background:url(/img/refs/float_bttn.png) top left no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/refs/float_bttn.png', sizingMethod='crop');  
	width:15px;
	height:15px;
	display:block;
	margin:0;
	padding:0;
	cursor:pointer;
}

 div.desc{
    margin-left:60px;
    border-left:0px solid gray;
}    

div.lb1-layer{
text-align:center;
position:absolute;
display:none;
background:white;
filter:alpha(opacity=45);
opacity:.45;
z-index:1000;
top:0;
left:0;
}

div.lb1-img{
top:0;
left:0;
text-align:center;
vertical-align:middle;
position:absolute;
width:100%;
display:none;
padding-top:15px;
z-index:1100;
}

span.lb1-details {
    font-size:50%;
    color:gray;
}

span.lb2-details {
    font-size:80%;
    color:gray;
}

h3.ref{
    display:inline;
    margin-left:10px;
    margin-right:10px;
}

img.ref-logo {
    vertical-align: middle;
    position:absolute;
    right:400px;
    top:0;
    cursor:pointer;
}

h2.categorie{
    margin-top:20px;
}

div#conteneurDetails{
    margin-right:20px;
    margin-top:20px;
    float:right;
    border: black 1px solid;
    width:450px;
    height:450px;
    position:relative;
    background-color:#FFFFCC;
}

div#details-texte{
    padding: 5px 20px 15px 20px;
    position:absolute;
    top:0;
}

div#wrapper{
    overflow:hidden;
    position:absolute;
    height:100%;
    width:450px;
    left:0;
    bottom:0;
    border-top:1px solid gray;
    background:white; 
}

div.details{
    display:none;
}

div#conteneurDetails p{
    padding-left:0;
    text-indent:15px;
    margin-bottom:5px;
}

div#conteneurDetails img{
    margin:10px 10px 10px 10px;
    vertical-align:middle;
}

div#conteneurDetails p.lien{
    position:absolute;
    margin:5px;
    padding:0;
    text-indent:0;
    bottom:0;
    right:0;
}

span#fleches{
    position:absolute;
    right:5px;
    top:5px;
    color: white;
}

span#fleches a{
    color:white;
}

div.ref-unit{
    margin:20px 0;
}

div.ref-unit-visible{
	position:relative;
	padding-right:520px;
	min-height:60px;
	height:auto !important;
  	height:60px;

}

span#nomref{
    font-weight:bold;
    font-style:italic;
    position:absolute;
    left:5px;
    top:5px;
    color: white;
}

div.contenu p {
    margin-top:5px;
    margin-bottom:10px;
}

#contenu p {
    margin-top:5px;
    margin-bottom:10px;
}

img.photoequipe {
    float:left;
    margin-left:10px;
    margin-right:10px;
    vertical-align:middle;
}

div.presentation {
    display:block;
    padding-left:410px;
}

/*
 * SIDEBAR
 */

div.sidebar {
background: #ffffcc;
float: right;
width: 200px;
text-align: center;
padding:5px;
padding-left:10px;
margin-left:10px;
margin-right: 10px;
}

div.sidebar ul {
list-style-type:none;
padding-left:10px;
margin:0;
}

div.sidebar h2 {
width:100%;
padding:0;
margin:0;
margin-bottom:5px;
text-align:center;
background:#ffe45f;
color:#555555;
}

/*
 * COMMUNIQUÉs
 */

img.centered {
    border:0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
    border:0;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
    border:0;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

blockquote{
width:80%;
margin:30px auto;
border:gray 1px solid;
border-left:gray 4px solid;
}

span.presseDate {
	font-style: italic;
	font-size: 80%;
	color:gray;
}

li.communiques {
	margin-top: 5px;
	margin-bottom: 5px;
}

ul.presse li {
	margin-bottom: 25px;
	list-style-type: none;
}

ul.presseHome {
	padding-left:0;
	margin-left:0;
}

ul.presseHome li {
	margin-bottom: 10px;
	list-style-type: none;
	margin-left:0;
	margin-right:0;
}


/*
 * FORMULAIRE CONTACT
 */

form table tr td {
	padding-top: 10px;
}

.full {
	width: 300px;
}

form table td {
    width:300px;
}
form table td.left {
    width:300px;
    text-align:right;
    vertical-align:top;
}
form fieldset{
    margin-top:20px;
    margin-bottom:20px;
    border: solid 1px gray;
    width:600px
}
input.full{
    height:13px;
    border: solid 1px gray;
}
input.required {
    border: lightblue solid 1px;
}
input.validation-failed{
    border: red solid 1px;
}
.validation-advice{
    border:2px red solid;
    background:lightcoral;
    margin-top:5px;
    width:300px;
    color:black
}
input.validation-passed{
    border: lightgreen solid 1px;
}

div.dcell_l {
	display :table-cell;
	vertical-align:middle;
	width:50px;
}
div.dcell_r {
	display :table-cell;
	vertical-align:middle;
}

div.dtable {
	display:table;
	margin-top:15px;
	margin-bottom:15px;
}

/*
 * SECTION SOLUTIONS
 */

img.app {
	cursor: pointer;
}

div.descriptifproduit {
	top:50px;
	position:absolute;
}

/*
 * SECTION ACTUS
 */

div.actu {
	margin-bottom: 30px;
	margin-left: 10px;
}