/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; color:#333333;
margin:0; padding:0; }
#conteneur {
position: relative;
width: 1000px;
margin: 0 auto; 
}
#header {height:185px; background: url('images/maquette/back_header.jpg') top left no-repeat #ffffff;}
	#header .icone {position:absolute; top:180px; left:83px;}
#headerbleuaqua {height:185px; background: url('images/maquette/back_header_bleuaqua.jpg') top left no-repeat #ffffff;}
	#headerbleuaqua .icone {position:absolute; top:180px; left:83px;}
	
#motscle {height:15px; margin:0; font-size:0.85em; text-align:center; color:#CCCCCC;}	

.vert{color:#98c10f;}
.bleu{color:#0d70b4;}
.bleuaqua{color:#001995;}
.orange{color:#f39c0f;}
.rouge{color:#ea4f1f;}
.rose{color:#cf19cd;}
.grisclair{color:#666666;}
.griscorps{color:#333333;}

.vertg{color:#98c10f; font-weight:bold;}
.bleug{color:#0d70b4; font-weight:bold;}
.bleuaquag{color:#001995; font-weight:bold;}
.orangeg{color:#f39c0f; font-weight:bold;}
.rougeg{color:#ea4f1f; font-weight:bold;}
.grisclairg{color:#666666; font-weight:bold;}
.griscorpsg{color:#333333; font-weight:bold;}
.org{color:#c9ad57;}

.vertbg{background:#dfecb6/*f0fcc8*/;}
.bleubg{background:#b5d4e8/*dff2ff*/;}
.bleuaquabg{background:#ccd2ef/*#d8defc*/;}
.orangebg{background:#fbdfb2/*#ffeed3*/;}
.rougebg{background:#f5c2b0/*ffe6de*/;}
.rosebg{background:#f89df7;}



a{text-decoration:none; color:#333333;}
a:hover{ text-decoration:underline;}
/*a:hover.vertlien{color:#dfecb6;}
a:hover.bleulien{color:#b5d4e8;}
a:hover.bleuaqualien{color:#ccd2ef;}
a:hover.orangelien{color:#fbdfb2;}
a:hover.rougelien{color:#f5c2b0;}*/

ul{ margin:5px; margin-left:22px; list-style-position:inside; padding:0;}
li{ line-height:1.2; margin:0;}

.dec{margin:0 0 0 190px; padding:0;}
.dec2{margin:0; padding:0;}
.img01{float: right; /*border: 1px solid #cccccc;*/}
.img02{float: left; /*border: 1px solid #cccccc;*/}
.img03{border: 1px solid #cccccc;}

/*  COLONNE GAUCHE  */
#gauche {position: absolute; left:0; width:200px; margin:15px 0 0 0;}
	#gauche h1{ font-size:1.2em; margin:0 20px 10px 0; padding:0 0 5px 0; border-bottom: 1px dashed #cccccc; }
	#gauche h2{ font-size:1em; margin:5px 0 5px 15px;}
	#gauche ul{ margin:0; margin-left:15px; list-style-position:inside; padding:0;}
	#gauche li{ line-height:1.2; margin:0;}
	#gauche a{ text-decoration:none; color:#666666;}
	#gauche a:hover{ text-decoration:underline; color:#999999;}
	#gauche form{ height:128px; width:188px; background:url('images/maquette/icone_nl.gif') top left no-repeat; margin:auto;}
	#gauche input.nl01{ height:15px; width:155px; margin:70px 0 0 15px;
	color:#999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em; border:0;}
	#gauche input.nl02{ background:url('http://www.maorn.fr/images/maquette/icone_nl_OK.gif'); height:25px; width:32px; border:0; float:right; margin: 10px 15px 0 0;}

/*  PADTITRE  */
#padnews {height:160px; width:650px; margin:0 0 10px 200px; padding:0;
background: url('images/maquette/back_padnews.jpg') 0px 15px no-repeat;
}
	#padnews h1{color:#ffffff; font-size:1.4em; margin:0 10px 0 260px; padding:25px 0 5px 0; border-bottom: 1px dashed #fff;}
	#padnews p{margin:10px 10px 10px 262px; padding:0;}

/*  GALERIE PHOTO  "alsacréations"*/
/*div#galerie {width:250px; margin: 0 0 0 22px;}
ul#galerie_mini {margin: 0; padding: 0; list-style-type: none;}
ul#galerie_mini li {float: left;}
ul#galerie_mini li a img {margin: 2px 8px 2px 0; border:1px solid #999999;}
dl#photo {clear: both; margin: 0 auto;}
dl#photo dt {font-size: 1.3em; font-weight:bold; font-style:italic; margin: 0 0 10px 0; }
dl#photo dd {margin: 0;}
dl#photo img {border:0;  border:1px solid #999999;}*/

/*  COLONNE DROITE  */
#droite {position: absolute; right:0; width:150px; margin:-155px 0 0 10px;/*largeur total 383px*/}
	#droite img{ margin:0 0 0 10px; padding:0; border:0;}
	
#droitepage {position: absolute; right:0; width:150px; margin:10px 0 0 10px;/*largeur total 383px*/}
	#droitepage img{ margin:0 0 0 10px; padding:0; border:0;}

/*  CORPS  */
#corps {height:auto !important; height:400px; min-height:400px; margin-left: 200px; margin-right:400px; padding-bottom:5px;}
	#corps .pads{ position:relative; width:390px; height:135px; margin:0 0 25px 0; /*border:1px solid #cccccc;*/}
	#corps h1.bleu{ font-size:1.1em; height:16px; margin:0 2px 0 185px; padding:10px 0 5px 17px; color:#0d70b4; background: url('images/maquette/icone_fleurb.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corps h1.bleuaqua{ font-size:1.1em; height:16px; margin:0 0 2px 185px; padding:10px 0 5px 17px; color:#001995; background: url('images/maquette/icone_fleurba.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corps h1.vert{ font-size:1.1em; height:16px; margin:0 0 2px 185px; padding:10px 0 5px 17px; color:#98c10f; background: url('images/maquette/icone_fleurv.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corps h1.orange{ font-size:1.1em; height:16px; margin:0 0 2px 185px; padding:10px 0 5px 17px; color:#f39c0f; background: url('images/maquette/icone_fleuro.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corps h1.rouge{ font-size:1.1em; height:16px; margin:0 0 2px 185px; padding:10px 0 5px 17px; color:#ea4f1f; background: url('images/maquette/icone_fleurr.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corps h1.rose{ font-size:1.1em; height:16px; margin:0 0 2px 185px; padding:10px 0 5px 17px; color:#cf19cd; background: url('images/maquette/icone_fleurro.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corps p{ margin:0 0 0 185px; padding:0; color:#333333;}

#corpspage {height:auto !important; height:550px; min-height:550px; margin: 0 410px 0 200px; padding-bottom:5px;}
	#corpspage .pads{ position:relative; width:390px; min-height:210px; margin:0 0 25px 0;}
	#corpspage h1.bleu{ font-size:1.1em; height:18px; margin: 0 0 10px 0; padding:10px 0 5px 17px; color:#0d70b4; background: url('images/maquette/icone_fleurb.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corpspage h1.bleuaqua{ font-size:1.1em; height:18px; margin: 0 0 10px 0; padding:10px 0 5px 17px; color:#001995; background: url('images/maquette/icone_fleurba.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corpspage h1.vert{ font-size:1.1em; height:18px; margin: 0 0 10px 0; padding:10px 0 5px 17px; color:#98c10f; background: url('images/maquette/icone_fleurv.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corpspage h1.orange{ font-size:1.1em; height:18px; margin: 0 0 10px 0; padding:10px 0 5px 17px; color:#f39c0f; background: url('images/maquette/icone_fleuro.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corpspage h1.rouge{ font-size:1.1em; height:18px; margin: 0 0 10px 0; padding:10px 0 5px 17px; color:#ea4f1f; background: url('images/maquette/icone_fleurr.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corpspage h1.rose{ font-size:1.1em; height:18px; margin: 0 0 10px 0; padding:10px 0 5px 17px; color:#cf19cd; background: url('images/maquette/icone_fleurro.gif') top left no-repeat; border-bottom: 1px dashed #cccccc;}
	#corpspage h2{ font-size:1em; margin: 0px 0 3px 0; padding:0;}
	#corpspage p{ margin:0; padding:0; color:#333333;}
	#corpspage img.dr{float:right; margin:0 0 0 3px;}
	#corpspage img.gh{float:left; margin:0 3px 0 0;}
	
	#corpspage table{ margin:0 10px 0 22px; padding:0; font-size:1em;}
	#corpspage td.text{ padding:0 0 0 10px; text-align:left;}
	#corpspage th, td { margin:0; padding:0; text-align:center; line-height:1.5;}
	#corpspage input, textarea{
	font: normal 1em Verdana, Arial, Helvetica, sans-serif; 
	background:#fff; color:#333333; border:1px solid #f7c8b8;}
	

/*  CORPS2  */
#corps2 {position: absolute; height:400px; min-height:400px; left:600px; width:250px; padding-bottom:5px;}
	#corps2 .pads{ position:relative; width:250px; height:135px; margin:0 0 25px 0;}
	#corps2 h1.bleu{ font-size:1.1em; margin: 0 0 5px 0; padding: 5px 0 5px 0; color:#0d70b4; border-bottom: 1px dashed #cccccc;}
	#corps2 h1.vert{ font-size:1.1em; margin: 0 0 5px 0; padding: 5px 0 5px 0; color:#98c10f; border-bottom: 1px dashed #cccccc;}
	#corps2 h1.orange{ font-size:1.1em; margin: 0 0 5px 0; padding: 5px 0 5px 0; color:#f39c0f; border-bottom: 1px dashed #cccccc;}
	#corps2 h1.rouge{ font-size:1.1em; margin: 0 0 5px 0; padding: 5px 0 5px 0; color:#ea4f1f; border-bottom: 1px dashed #cccccc;}
	#corps2 p{ margin:0 10px 0 0; padding:0;}
	
	#corps2 .icon{ height:28; width:28; vertical-align:middle;}

#corps2page {position: absolute; height:400px; min-height:400px; left:600px; width:240px; padding-bottom:5px; margin: 0 0 0 10px;}
	#corps2page .pads{ position:relative; width:235px; margin:10px 0 5px 0; padding:0 0 5px 0;}
	#corps2page h1{ font-size:1.1em; margin: 0 0 5px 0; padding: 5px 0 5px 0;border-bottom: 1px dashed #cccccc;}
	#corps2page p{ margin:0; padding:5px 0 5px 0;}
	#corps2page ul{ margin:0; padding:0 0 5px 0; color:#f39c0f;}
	#corps2page li{ margin:0; padding:0; color:#333333; line-height:1.4;}

/*  CORPS3  */
#corps3 {height:auto !important; height:400px; min-height:400px; width:800px; margin:0 0 10px 200px; padding:0; /*border:1px solid #cccccc;*/}
	
	#corps3 h1.bleu{ font-size:1.1em; margin: 0 0 5px 0; padding: 5px 0 5px 0; color:#0d70b4; border-bottom: 1px dashed #cccccc;}
	#corps3 h1.vert{ font-size:1.1em; margin: 0 0 5px 0; padding: 5px 0 5px 0; color:#98c10f; border-bottom: 1px dashed #cccccc;}
	#corps3 h1.orange{ font-size:1.1em; margin: 0 0 5px 0; padding: 5px 0 5px 0; color:#f39c0f; border-bottom: 1px dashed #cccccc;}
	#corps3 h1.rouge{ font-size:1.1em; margin: 0 0 5px 0; padding: 5px 0 5px 0; color:#ea4f1f; border-bottom: 1px dashed #cccccc;}
	
	#corps3 table {/*border:1px dashed #cccccc;*/}
	#corps3 th {font-size:1.1em; color:#f39c0f;}
	#corps3 th.mois { text-align:left; font-size:1.1em; color:#98c10f; padding:0 0 0 25px;}
	
	
	
	/*#corps3 p{ margin:0 10px 0 0; padding:0;}*/
	
	

/*  FOOTER  */
#footer1 { height: 135px; margin:0 0 0 200px; padding:0;}
	#footer1 .bf1{ float:left; margin:15px 15px 0 0; padding:5px; width:170px; height:105px; background: url('images/maquette/back_bf.jpg') top left no-repeat;}
	#footer1 .bf2{ float:left; margin:15px 15px 0 0; padding:5px; width:170px; height:105px; background: url('images/maquette/back_bf.jpg') top left no-repeat;}
	#footer1 .bf3{ float:left; margin:15px 15px 0 0; padding:5px; width:170px; height:105px; background: url('images/maquette/back_bf.jpg') top left no-repeat;}
	#footer1 .bf4{ float:left; margin:15px 15px 0 15px; padding:5px; width:170px; height:105px; background: url('images/maquette/back_bf.jpg') top left no-repeat;}
	
	#footer1 h1{ font-size:1em; margin:0 0 5px 5px; text-align:right; border-bottom:1px dashed #333333;}
	#footer1 p { margin:0; margin-left:5px; text-align:right;}
	#footer1 ul{ margin:0; margin-left:5px; list-style-position:inside; padding:0;}
	#footer1 li{ line-height:1.2; margin:0; text-align:right;}

#footer2 { height:30px; padding-right:0px; text-align:center;}
	#footer2 p{ margin:0; padding:0 0 0 200px;}