* {
margin:0;
padding:0;
}

body {
background-color:#05354F;
color:#000555;
font-family:"Comic Sans MS",Arial,Verdana,sans-serif;
font-size:14px;
font-weight:400;
margin:0;
padding:0;
}

#conteneur {
height:auto;
margin:0 auto;
padding:0;
top:2px;
width:1024px;
}
#header {
border-left:2px solid #F5F4EA;
border-right:1px solid #333333;
height:200px;
width:auto;
}
#header h1 {
        border:medium none;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}
#header h1 a {
/* you can set your own image here */
	background: transparent url(/uploads/images/AmpouleTitre.jpg) no-repeat left top;
/* this will make the "a" link a solid shape */
	display: block;
/* adjust according your image size */
	height: 200px;
/* this hides the text */
	text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
	text-decoration: none;
}
#global {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFE4AF none repeat scroll 0 0;
border-left:2px solid #F5F4EA;
border-right:2px solid #333333;
}

/**************************GAUCHE*************************/
#leftnav {
width:230px;
height:auto;
float:left;
margin-top:2px;
}

.menu-top {
background:#706F6E url(/uploads/images/banniere-ciel3.jpg) repeat scroll left top;
}

.menu1 {
width:230px;
height:auto;
background:#706F6E url("/uploads/images/arcenciel.jpg") no-repeat scroll 0 0;
}

.menu2 {
width:230px;
height:auto;
top:0;
text-align:center;
background:#706F6E url("/uploads/images/arcenciel.jpg") no-repeat scroll 0 0;
}

.menu3 {
width:230px;
height:auto;
text-align:left;
background:#706F6E url("/uploads/images/arcenciel.jpg") no-repeat scroll 0 0;
}

.menu4 {
width:230px;
height:auto;
text-align:center;
background:#706F6E url("/uploads/images/arcenciel.jpg") no-repeat scroll 0 0;
}

.menu5 {
width:230px;
height:auto;
text-align:left;
background:#706F6E url("/uploads/images/arcenciel.jpg") no-repeat scroll 0 0;
}

.menu6 {
width:230px;
height:auto;
background:#706F6E url("/uploads/images/arcenciel.jpg") no-repeat scroll 0 0;
}

img {
border:0;
}
.valid {
float:left;
margin-left:8px;
margin-top:8px;
}
.Paris {
margin-left:28px;
margin-top:20px;
}
.pdf {
margin-top:18px;
}
.souslemenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#66625F none repeat scroll 0 0;
height:auto;
width:230px;
}
.pubadsense {
margin-top:10px;
text-align:center;
}
/*********************CONTENU*****************************/
#content {
margin-left:230px;
height:auto;
background-color:#FFE4AF;
width:auto;
}
#content a {
border:0 none;
color:#FFA800;
font-size:100%;
font-weight:700;
margin:0 2px;
text-decoration:underline;
}
#content img {

}
.titreArticle {
border-bottom:1px solid #706F6E;
color:#05354F;
font-size:120%;
text-decoration:none;
visibility:hidden;
}
.article {
color:#993300;
margin:24px;
}
.intro {
margin-bottom:24px;
}
.lecteur {
height:200px;
left:22px;
position:relative;
width:250px;
}
.lecteur_video {
float:right;
margin-right:12px;
}
.titre1 {
background-color:transparent;
color:#1CA355;
font-size:90%;
font-style:italic;
font-weight:700;
margin-left:22px;
}
.titre2 {
background-color:transparent;
font-size:90%;
font-style:italic;
font-weight:700;
margin-left:22px;
}
.titre3 {
background-color:transparent;
color:#1CA355;
font-size:90%;
font-style:italic;
font-weight:700;
margin-left:22px;
margin-right:8px;
margin-top:4px;
text-align:right;
}
.titre4 {
background-color:transparent;
font-size:90%;
font-style:italic;
font-weight:700;
margin-left:44px;
}
.droite {
margin:0;
text-align:right;
}
.asterisque {
font-size:140%;
}
.sousp {
font-size:80%;
}

.barreHautArticle {
border-bottom:3px solid #FF9966;
border-color:#FF9966;
margin:12px 0 24px;
padding:0;
}
.titrechap {
font-size:120%;
}
.titresouligne {
font-style:oblique;
text-decoration:underline;
}
.paragraphe {

}

/***********************PIED********************************/
#pied {
background-color:#999999;
border-color:#333333 transparent #FF9966 #F5F4EA;
border-style:solid;
border-width:0 0 2px;
clear:both;
color:#FFCC66;
font-size:32px;
height:44px;
text-align:right;
}
.pied {
color:#993300;
font-size:50%;
margin-right:4px;
}
.copyright {
color: #FEFEFE;
font-size: 33%;
}
/***********************LIENS**************************/
a {
text-decoration:underline;
color:#FCFFDD;
font-size:80%;
border:0;
margin:0 2px;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.menugauche {
margin:0;
padding:0 6px 1px;
}
.menugauche a {
text-decoration:underline;
color:#FCFFDD;
font-size:92%;
margin:0 2px;
}
.menugauche a:hover {
text-decoration:none;
color:#930;
font-size:95%;
}
.menugauche a:active {
text-decoration:none;
color:#FC6;
}
.menugauche a:visited {
text-decoration:none;
color:#FC6;
}
li {
margin:0 0 5px 12px;
}

.menugauche li {
list-style-type:disc;
margin-bottom:4px;
color:#BF84A6;
list-style-position:inside;
margin-top:12px;
}

/*********************************FONTS***************************/
p {
margin-left:12px;
}
h1 {
background-color:transparent;
border-bottom:1px solid #05354F;
color:#993300;
font-size:170%;
margin-bottom:18px;
margin-left:46px;
margin-right:36px;
}
h2 {
background-color:transparent;
color:#EF851D;
font-family:"Amerika Sans",Arial,Verdana,sans-serif;
font-size:130%;
font-weight:lighter;
text-align:center;
}
h3 {
color:#EF851D;
font-size:120%;
letter-spacing:0.04em;
line-height:16px;
margin:12px 0 4px 0;
padding:1px 0;
}
h4 {
color:#093;
font-size:13px;
text-align:center;
padding:0;
}
h5 {
background-color:transparent;
color:#1CA355;
font-size:90%;
text-align:center;
}
h6 {
color:#FC6;
font-size:17px;
line-height:16px;
letter-spacing:1px;
background-color:#F5F4EA;
margin:20px 0 0 12px;
padding:0 6px 1px 0;
}

.clear {
clear:both;
}
#erreur {
text-align:center;
}
#erreur a {
color:#05354F;
font-size:100%;
text-decoration:none;
}
#erreur img {
border:thin solid #05354F;
}
/*********************CHéPa****************************/

.gauche {
text-align:left;
}

/********************FORMBUILDER***********************/
.error {
}
.error_message {
color:#0A2C76;
font-size:1.2em;
margin-bottom:0.8em;
margin-left:0.8em;
}
.error_message li {
color:#DF8637;
font-weight:700;
margin-right:8px;
}

/*******************     CONTACT1    CSS      ********************/
fieldset {
border:medium none;
}
.contact1 {
color:#05354F;
margin-bottom:36px;
margin-left:24px;
margin-top:36px;
padding:0;
}
.contact1 fieldset {
border:medium none;
}
.contact1 fieldset legend {
margin:12px;
}
.contact1 legend {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EF851D none repeat scroll 0 0;
border:1px solid #05354F;
color:#F5F4EA;
font-style:italic;
padding:2px 12px 4px 8px;
width:auto;
}
.contact1 div {
margin-left:24px;
padding:0;
}
.contact1 fieldset .required {
color:#05354F;
}
.contact1 fieldset label {
width:auto;
}
.contact1 label {
display:block;
margin-top:10px;
}
.contact1 input[type="text"] {
background:#F5F4EA none repeat scroll 0 0;
color:#05354F;
}
.contact1 input {
border:thin solid #05354F;
margin:0;
padding:0;
}
.contact1 input[type="submit"] {
background:-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/uploads/images/arcenciel.jpg) repeat-x scroll center center;
color:#FFFFFF;
font-weight:700;
margin-left:2.2em;
padding:0;
}
.contact1 textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F5F4EA none repeat scroll 0 0;
border:thin dotted #05354F;
color:#320E0E;
height:10em;
margin:0.5em 0;
width:50%;
}
.contact1 .submit {
margin-bottom:1.5em;
margin-left:0;
margin-top:1.5em;
}
.contact1 .submit :hover {
color:#FFE4AF;
background-color:transparent;
}
.contact1 option {
color:#320E0E;
}
.contact1 select {
color:#5a7fcf;
margin-bottom:1em;
width:168px;
}
.contact1 fieldset div div {
margin-top:0.5em;
margin-left:1em;
}

#contact1 td,th,li {
font-size:100%;
}

/************************CAPTCHA image **************************************/
.captcha {
font-size:1.1em;
width:220px;
text-align:center;
margin:0.5em 0;
}
.captcha img {
margin-bottom:0.5em;
}


/* Apply this class to text/select input fields with shorter labels to help alignment */
.short-label label {
float:left;
width:10em;
}
.short-label fieldset div input,.short-label fieldset div select {
width:16em;
color:#2354BF;
}

/***************************ACCESSIBILITY***********************/
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
/* background image for the link to show wiki style arrow */
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(images/cms/external.gif) no-repeat 100% 0;
	background-color: #inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */