/* ::::: http://localhost/www/SITE_AVENIR-MECA/css/style.css ::::: */

body, div, a, p, h1, h2, h3, h4, h5, h6, fieldset, form, textarea, input, ul, ol, li { margin: 0pt; padding: 0pt; font-family: Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif; }
a img { border: medium none ; }
.clearBoth { clear: both; }
.red { color: rgb(193, 8, 42); }
a { color: rgb(110, 110, 110); font-weight: bold; text-decoration: underline; }
#header { background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 100%; height: 164px; }
#header div { margin: auto; background: rgb(0, 0, 0) url('../images/header.jpg') no-repeat scroll center center; width: 952px; height: 164px; }
#logo { margin-left: 34px; }
#container { margin: auto; width: 952px; }
#menuTop { background: transparent url('../images/menutop.jpg') no-repeat scroll 0% 0%; position: absolute; top: 164px; width: 952px; height: 48px; }
#menuTop.withSubMenu { background: transparent url('../images/menutop2.jpg') no-repeat scroll 0% 0%; }
#menuTop ul { list-style-type: none; list-style-image: none; list-style-position: outside; margin-left: 241px; }
#menuTop li { background: transparent url('../images/tiretmenu.gif') no-repeat scroll left top; float: left; }
#menuTop li a { padding: 25px 23px 0pt; display: block; height: 45px; color: rgb(0, 0, 0); float: left; text-decoration: none; font-size: 12px; font-weight: normal;}
#menuTop li a:hover { text-decoration: underline; }
#menuTop li a.active { background: transparent url('../images/bouton.png') no-repeat scroll center bottom; }
#content { width: 100%; margin-top: 78px; height: 500px }
#corps { background: transparent url('../images/tiretmenu.gif') repeat-y scroll left center; margin-top: 30px; float: right; width: 712px; text-align: center; }
#corps h1 { color: rgb(230, 4, 24); font-size: 26px; font-style: italic; font-weight: normal; line-height: 24px; margin: 20px 0; padding: 0 0 0 50px; text-align: left;}
#corps h1 span { color: rgb(193, 8, 42); font-style: normal; font-weight: bold; text-transform: none; }
#corps h2 { margin-top: 25px; margin-bottom: 10px; font-size: 20px; font-weight: normal; }
#corps p, #corps ul { margin: 10px auto 20px auto; padding: 0 50px 0 50px; font-size: 12px; text-align: justify; color: rgb(110, 110, 110); }
#corps ul p {text-align: left;}
#corps ul li { margin-left: 20px; }
#gallery { margin: auto; text-align: center; width: 712px;}
div.alignGal{ margin: auto; text-align: center;}
div.cadrePhoto { margin: 0pt; padding: 0pt; background: transparent url('../images/cadrephoto.png') no-repeat scroll 0% 0%; width: 74px; height: 80px; float: left;}
div.cadrePhoto span {font-size: 10px; line-height: 20px}
div.cadrePhoto img { margin-top: 6px; }
.space {width: 15px; float:left}
#corpsActu { background: transparent url('../images/tiretmenu.gif') repeat-y scroll left center; margin-top: 30px; float: right; width: 712px; text-align: center; }
#corpsActu h1 { color: rgb(230, 4, 24); font-style: normal; font-weight: bold; margin-top: 30px; margin-bottom: 20px; margin-left: 10px; }
#corpsActu h2 { text-align: left; font-size: 12px; margin-left: 10px; color: rgb(193, 8, 42); text-transform: uppercase; font-style: italic; font-weight: normal; }
#corpsActu p { margin-left: 20px; margin-right: 20px; font-size: 12px; text-align: justify; color: rgb(110, 110, 110); }
#actuIMG { margin: 25px; float: right; }
#corps.accueil { background: transparent none repeat scroll 0% 0%; margin-left: 20px; margin-right: 112px; width: 600px; }
#corps.accueil div { text-align: left; }
#corps.accueil h1 { background: transparent url('../images/bouton.png') no-repeat scroll left top; padding-left: 35px; line-height: 30px; font-size: 14px; font-style: normal; margin-bottom: 10px; margin-top: 50px;}
#corps.accueil p { margin: 0pt 0pt 0pt 35px; padding: 0pt; text-align: left; width: 100%; }
#corps.accueil div.actualite { float: left; width: 45%; }
#corps.accueil div.decoupe { width: 45%; margin-left: 55%; }
.readMore { background: transparent url('../images/fleche.gif') no-repeat scroll left top; display: block; color: rgb(230, 4, 24); text-decoration: none; font-size: 12px; padding-left: 33px; margin-left: 36px; margin-top: 20px; }
.readMore:hover { text-decoration: underline; }
#vignettesAccueil { margin-top: -30px; }
#vignettesAccueil ul { list-style-type: none; list-style-image: none; list-style-position: outside; padding-top: 80px; margin-left: 120px; }
#menuLeft { background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 178px; margin-top: -30px; margin-left: 32px; padding-top: 40px; }
#video { width: 210px; margin-top: 20px; margin-left: 0px; padding-top: 40px; }
#menuLeft a { background: transparent url('../images/bouton2.jpg') no-repeat scroll 0% 0%; padding-left: 30px; padding-bottom: 10px; display: block; color: rgb(110, 110, 110); font-size: 14px; font-weight: normal; text-decoration: none; }
#menuLeft a.active { background: transparent url('../images/menufleche.jpg') no-repeat scroll 0% 0%; color: rgb(230, 4, 24); }
#menuLeft a:hover { text-decoration: underline; }
#menuLeft ul { padding: 10px; list-style-type: none; list-style-image: none; list-style-position: outside; }
fieldset { border: medium none ; margin: auto; width: 50%; text-align: right; color: rgb(110, 110, 110); }
fieldset br { display: block; margin-bottom: 20px; }
label { float: left; margin-left: 20px; }
input, textarea { padding: 3px; width: 250px; font-size: 12px; }
textarea { height: 140px; }
input.submit { width: 70px; float: right;}
#footer { margin: auto; background: rgb(142, 143, 145) url('../images/footer.jpg') no-repeat scroll right center; clear: both; width: 952px; height: 38px; }
#footer p { padding-top: 10px; margin-left: 268px; width: 546px; font-size: 14px; text-align: center; text-transform: uppercase; color: rgb(255, 255, 255); }
#footer a { color: rgb(255, 255, 255); font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#cadreLeft { background: transparent url('../images/left.jpg') repeat-y scroll 0% 0%; }
#cadreRight { background: transparent url('../images/right.jpg') repeat-y scroll right center; }
#haut { background: transparent url('../images/top.jpg') repeat-x scroll 0% 0%; height: 9px; }
#haut img { vertical-align: top; }
#coingh { background: transparent url('../images/lefttop.jpg') no-repeat scroll 0% 0%; width: 10px; height: 9px; float: left; }
#coindh { background: transparent url('../images/righttop.jpg') no-repeat scroll 0% 0%; width: 11px; height: 9px; float: right; }
#contenu { padding: 0pt 11px 0pt 10px; }
#bas { background: transparent url('../images/bottom.jpg') repeat-x scroll 0% 0%; height: 13px; }
#coingb { background: transparent url('../images/bottomleft.jpg') no-repeat scroll 0% 0%; width: 10px; height: 13px; float: left; }
#coindb { background: transparent url('../images/bottomright.jpg') no-repeat scroll 0% 0%; width: 11px; height: 13px; float: right; }
#lightbox { position: absolute; left: 0pt; width: 100%; z-index: 100; text-align: center; line-height: 0pt; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: medium none ; }
#outerImageContainer { margin: 0pt auto; position: relative; background-color: rgb(255, 255, 255); width: 250px; height: 250px; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0pt; }
#hoverNav { position: absolute; top: 0pt; left: 0pt; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav { left: 0pt; }
#hoverNav a { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url('../undefined'); display: block; }
#prevLink { left: 0pt; float: left; }
#nextLink { right: 0pt; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: transparent url('../images/prevlabel.gif') no-repeat scroll left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: transparent url('../images/nextlabel.gif') no-repeat scroll right 15%; }
#imageDataContainer { margin: 0pt auto; overflow: auto; font-family: Verdana,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; background-color: rgb(255, 255, 255); line-height: 1.4em; width: 100%; }
#imageData { padding: 0pt 10px; color: rgb(102, 102, 102); }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
#overlay { position: absolute; top: 0pt; left: 0pt; z-index: 90; width: 100%; height: 500px; background-color: rgb(0, 0, 0); }
.pad5 {padding-right: 5px;}
form {width: 50%; margin: auto;}
label {width: 80px; text-align: left; margin:0; padding: 0; font-size: 12px; color: rgb(110, 110, 110);}
.textfieldRequiredMsg {font-size: 11px;}
.textareaRequiredMsg {font-size: 11px;}
.textfieldInvalidFormatMsg {font-size: 11px;}

/*li div {
width:250px;
}

ul li {
width:250px;
}*/

/* css diaporama  */

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

#fade-example-1 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 300px;
	background-color: #FFF;
	visibility: hidden;
}

#fade-example-1 img {
	border: solid 7px #999;
}

li img {
	display: block;
}
.caption {
	clear: both;
	padding: 1em;
}
.example {
	position: relative;
	padding:1em;
	margin-bottom: 1em;
	width: 400px;
	height: 300px;
	margin: auto;
}
.example-r {
	position: relative;
	background-color:#F2F2F2;
	border:5px solid #CCCCCC;
	padding:1em;
	width: 400px;
	margin-bottom: 1em;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}
.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #bc082b;
}
#fade-example-1-next {
	right: 7%;
	top: 71%;
}
#fade-example-1-previous {
	left: 10%;
	top: 71%;
}
.ajax {
	/*margin: 3em;*/
	border: 1em solid #FF8C00;
	/*padding: 1em;*/
}

.example ul, .example ul li {
	padding: 0 !important;
	margin: 0 !important;
}

/* fin diapo */