/* CSS Document */

/*Main*/
html, body {margin : 0;padding : 0;} 
body {font : 75%/1.3 Arial, Helvetica, Sans-Serif;;text-align : center; background-color:#F2F2F2; background-image:url(image/fd1.jpg); background-repeat:repeat-x}
p {margin : 5px; text-align : justify; padding-right : 5px;}

h1, h2, h3 {font : normal normal 200% Arial, Helvetica serif;} 


h1 {font-size : 150%;color : #000;margin : 0px;padding-left : 5px;border-top:2px #61B81B solid; text-align:center} 
h2 {font-size : 135%;color : #000; padding:0px 10px 0px;} 
h3 {font-size : 110%;font-weight : bolder;padding : 0 10px 0px;} 

a {color : #990000; font-weight:bolder } 
a:hover {color : #000000;} 
img {border:none;}
.fll{float:left}
.flr{float:right}

/*Header*/
div#header{width:1000px; height:100px;margin:0px auto}

div#mtop {float:right; width:600px; display : inline; height : inherit; margin:0px;padding:0px; text-align:center} 
ul#menu, ul#menu li {margin:0px; padding:0px} 
ul#menu {float : left;font-size : 100%;margin:0px; padding:0px;} 
ul#menu li {list-style-type:none;font-size : 100%;float : left;text-align:center;} 
ul#menu a {float : left; width : 150px; height:100px; color : #FFF;text-decoration : none;}
ul#menu a:hover {background-image:url(image/stripe2.gif); color:#000}

div#mside {float : right;display : inline;width : 80px;height : inherit; margin:0px; padding:0px} 
ul#menus, ul#menus li {margin:0px; padding:0px} 
ul#menus {float : left;font-size : 80%;margin:0px; padding:0px;} 
ul#menus li {list-style-type:none;font-size : 100%;float : left;text-align:right;} 
ul#menus a {float : left; width : 80px; height:20px; color : #FFF;text-decoration : none;}
ul#menus a:hover {color:#61B81B}

/*Box structure*/

div#mainbox{width:1040px; margin:40px auto 0px}
div#mainbox2{width:740px; margin:40px auto 0px}
div#boxleft{width:800px; float:left; background-color:#FFFFFF; min-height:800px; text-align:center}
div#boxleft2{width:700px; float:left; background-color:#FFFFFF; min-height:800px; text-align:center;}
div#boxright{width:200px; float:left; background-color:#333333; margin-top:50px; background-image:url(image/rbm.gif); background-repeat:repeat-y; min-height:400px; border-top:3px #333 solid; border-bottom:3px #333 solid}
div#boxright p{padding:5px; color:#FFF; text-align:justify}
div#boxright h3{font size:75%; border-top:2px #61B81B solid; margin:10px 0px 0px; color:#FFF}

div#boxside{float:left; margin:250px 0px 0px}
div#boxcontact{width:740px; float:left; background-color:#FFFFFF; min-height:800px; text-align:justify}

.boxintro{border:2px #CCC solid; width:600px; margin:0px auto}
.boxintro h1{font size:130%; border-top:2px #61B81B solid; margin:0px}
.shadow {width:600px; height:13px; margin:0px auto; background-image:url(image/right-shadow.gif); background-repeat:no-repeat; background-position:right;} 

div#mainbox ol{text-align:left}
div#boxright ul{text-align:left}
/*Corners*/
.bl {background: url(image/bl.gif) 0 100% no-repeat #FFF; width: 20em}
.br {background: url(image/br.gif) 100% 100% no-repeat}
.tl {background: url(image/tl.gif) 0 0 no-repeat}
.tr {background: url(image/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

/*daily art map*/
div#boxmap{width:1200px; height:800px; margin:40px auto 0px; background-color:#333333; padding:15px}
div#boxmap h1{color:#FFFFFF; clear:both}
.mapbox1 a{width:150px; height:75px; font-size:100%; background-color:#CC6600; color:#FFFFFF; float:left; overflow:hidden; text-decoration:none; text-align:justify; padding:5px; margin:2px}
.mapbox1 a:hover{background-color:#990000}



/*Links*/
ul#dir, ul#dir li {list-style-type : none;margin : 2px 0;padding : 0px 0px 0px 5px;} 
ul#dir a {width : 130px;color : #FFF;text-decoration : none;font-weight : bold;margin-right : inherit;} 
ul#dir a:hover {color : #000;}
ul#dir h1 {font-size : 150%;color : #000;margin : 0px;padding-left : 5px;border-top:2px #61B81B solid; color:#FFF; text-align:center} 
.number a {text-decoration : none;} 

div#linked p{text-align:left}

/* CSS Contact */

.bankbox h1 {vertical-align : top;color : #fff;font-weight : bold;text-align : center;background-color : #CCC;padding : 0;margin : 0; 
font-size : 100%;width : 630px;} 

.asterisque 
{
    text-align:left;
    color: #D00B1C;
}

.texteformulaire 
{
    color:#000;
    margin:20px;
	padding:0px;
    font-size:15px;
    text-align:left;
    background-color: #FFF;
    width:500px;
}
.texteformulaire p{text-align:left; font-size:80%; text-align:justify}
.texteformulaire h2{font-size:90%}

.fondformulaire 
{
    margin-top:0px;
    background-color:#CCCCCC;
    border-color:#999999;
}

.texteformulaire p
{
   padding:10px 5px;
}
.formcentre {
   text-align:center;
}
.erreur {
   text-align:center;
   color: #CC0000;
   font-weight:bold;
}
.link a {
   color:#0099FF;
   font-weight:bold;
}
.link a:hover {
   color:#00CCFF;
}