@import url(typography.css);

html, body { margin:0 ; height:100%; }


html{
background: #336699;
}

body { 
height:200%;  
background:url(/portfolio/app/webroot/img/bgcarol.jpg) transparent left top no-repeat;
}

body > .container{ overflow: hidden; } /* body > cacher pour ie5 */


html, .pied{ 
text-align: left; 
width:100%; 
height: 100%; 
margin:0 auto auto auto; 
} 


#container {
position: relative;
text-align: left; 
width:900px; 
height: 200%; 
margin: auto auto  auto 5%; 
padding: 0 ;  
min-height:180%; 
background:transparent;
repeat-y scroll left;
}
#band{
margin:0px;
padding-top: 0px ;
padding-left: 0px ;
}
#band h3{
color:#eee;
background:transparent;
}
.pied { height:30px; margin: auto; background: black; }
/* --------pied --------------*/
#pied {
text-align: left; 
width:900px; 
height: 100%; 
margin:0 auto;
}

#col {
position:absolute;
left:0;
width: 190px;
height: 100%;
/* background:transparent url(images/bg_11.gif) repeat-y scroll left;  */
background:#fff; 
margin:0; 
vertical-align:top;  
padding: 0 ; 
}
#center {
height: 100%;
margin-left: 0px;
background: #000033;
vertical-align:top; 
text-align:left; 
padding-left:0; 
width: 800px; 
}

#myContent{
position:absolute;
left:370px;
top:50px;
width: 160px;
height:120px;
}

#myNewContent{
float:left;
left:10px;
top:10px;
width: 160px;
height:120px;
} 

#gauche {
position: absolute;
margin:Opx;
left:0;
width:200px;
height: 100%;
}
#droite {
margin:0;
height:90%;
width:70%; 
padding-top:20px;
padding-left:220px;
}
#droite .type h2,h3 {
/*background: #000033;*/
color:#fff;
}

#droite ul{
margin-left:10px;
}
#droite li{
color:#fff;
margin-left:10px;
font-weight:bold;
font-size:1.2em;
list-style-type:square;
}
#droite h2,h3,h4{
/*color:#006699;*/
color:#ffcc33;
padding-top:0px;
padding-left:0px;
}
#droite h3{
color:#cc9900;
}
#droite img{
}
#formail{
}
#formail p{
color:#eee;
}

/*//////////////////////////////////////////////////////////////////////*/
.principal{
height:200%;
overflow-x:hidden; 
overflow-y:auto; 
/*background:url(img/bg_new.jpg) #ffffff left top no-repeat;*/
background:transparent;
margin:0px 0px  0px 0px; 
width:100%;
padding-left:0; 
padding-top:25px;
}
.principal_{overflow:hidden;height:100%; margin:0px 0px  0px 0px; width:100%; padding-left:0; }

/*classe colonne */
.cloud{
float:left;
vertical-align:top;
text-align:left;
width:100%;
}
.cloud a:link, a:visited {
color:#eee;
}
.error_message{
color:#ff3300;
}
.message{
color:#ff3300;
}
.col_a{
float:left;
height:600px; 
padding-top:5px;
padding-left:5px;
width:330px;
vertical-align:middle;
text-align:left;
}
.col_b{
height:100%; 
}
.intro{
float:left;
padding-top:10px;
padding-left:5px;
width:270px;
border-left:dotted 1px #000;
vertical-align:middle;
text-align:left;
}
.info{
 width:100%; 
 height:100%;
 margin: 0; 
 padding-left:5px; 
 margin-top: 10px;
 /*border-left:solid 1px #fff;*/
 /*overflow:auto;*/
 }
 /*classe colonne */
.col0 {
float:left;
text-align:left;
width:100px;
height:125px;
padding-left:10px;
padding-right:10px;
}
.col0 p {
font-size:0.8em;
}
.col0 a {
font-size:0.8em;
}
.col1 p {
padding-left:10px;
}
.col1 img{
padding-left:0px;
}
.col1 li{
padding-left:10px;
}
/*classe colonne */
.col1 {
float:left;
text-align:left;
width:200px;
/*border-right:dashed 1px #000;*/
padding-left:10px;
padding-right:10px;
}
.col1 p {
padding-left:10px;
}
.col1 img{
padding-left:0px;
}
.col1 li{
padding-left:10px;
}
/*classe colonne */
.col1_ {
float:left;
text-align:left;
width:150px;
/*border-right:dashed 1px #000;*/
padding-left:10px;
padding-right:10px;
height:80%;
}
/*classe colonne */
.col2 {
float:left;
text-align:left;
width:90%;
/*border-left:dashed 1px #000;*/
padding-left:5px;
padding-right:0px;
height:100%;
}
.col2 p {
padding-left:0px;
}
.col2_ {
float:left;
text-align:left;
width:450px;
border-left:dashed 1px #000;
padding-left:10px;
padding-right:5px;
height:80%;
overflow:auto;
}
.col2_ h3,h4 {
padding-left:0px;
}
.col3 {
float:left;
text-align:center;
vertical-align:middle;
width:250px;
padding-left:10px;
padding-right:10px;
}
/*classe colonne */
.col3_ {
float:left;
text-align:left;
vertical-align:middle;
width:300px;
padding-left:10px;
padding-right:10px;
}
/*classe colonne */
.col3__{
float:left;
vertical-align:middle;
width:900px;
padding-left:1px;
padding-right:1px;
/*border-bottom: 1px solid #fff;*/
}
.col3__ p{
text-align:center;
font-size:9px;
color:#fff;
}
/*classe colonne */
.col4 {
float:left;
vertical-align:middle;
text-align:left;
width:100px;
padding-left:1px;
padding-right:1px;
}
.col4_ {
float:left;
vertical-align:middle;
text-align:left;
width:150px;
padding-left:10px;
padding-right:1px;
border-left:solid 1px #000;
}
.col4__ {
float:left;
vertical-align:middle;
text-align:left;
width:310px;
padding-left:5px;
padding-right:1px;
border-left:solid 1px #000;
}
.col4___ {
float:left;
vertical-align:middle;
text-align:center;
width:150px;
padding-left:1px;
padding-right:1px;
}


#obj1, #obj2,#obj3{ margin: 0  auto; padding:0;}
#obj1{ 
/*background:url(/vanhille/app/webroot/img/vanhille.jpg) transparent no-repeat scroll left; */ 
/*background:#000033;*/
width:900px; 
height:50px; 
margin:0px ;
padding-left:250px;
}
#obj2{background:#005AAB scroll; width:190px; height:130px; margin:0 0 0 0 ;}
#obj3{background:#8CC63E scroll; width:80px; height:80px; margin:10px 10px 10px 10px ;}
#obj4{ margin:200px 10px 10px 10px ; text-align:right; font-size:90%; }


p.ariane{ width:595px; padding: 0px; padding-left: 5px; text-align:left; font-size: 9pt; 
background:transparent url(images/bg_1.jpg) repeat-y scroll left;  
}
p.ariane_{ width:595px; padding: 0px; background:#005AAB ; scroll; text-align: right; font-size: 7pt; }


/* Fin gestion du positionnement */

/* Fin menu gauche*/
.boite-col, .extrlien { width: 130px;  margin:15px 0 10px 22px; padding: 0 ;}
.extrlien li{ width: 120px; padding: 4px; margin: 2px; display: block; list-style-type: none; }
ul.extrlien {text-align:left;/* background: rgb(255,255,255); */font-size:90%;}
.boite-col { font-size: 8pt; }

.pub{background:#005AAB ; width: 150px; height: 120px; margin: 10px 10px 10px 10px; padding: 0 ;vertical-align: middle; border: 0 ; }
.pub *{margin: 0px; padding: 2px; list-style-type: none;color:#8CC63E; font-weight: bold; font-size:1.0em ;}
/* actu */

.head-note{ min-height: 65px;  clear: both;margin: 30px auto 20px auto; border-bottom: 1px rgb(202,202,202) dashed; }
.note{ border-bottom: 1px rgb(202,202,202); }
.date i { margin-right: 7px; text-align: right; display: block;}
.date { color:#005AAB; font: bold 9pt; line-height: 120%;  padding: 2px; width: 50px; height: 50px;	display: block;	float: right; background:#BCC63E;}
.date .day { margin-top: 1px; font-size: 15pt; color: #0095DA; }

/* menu  0052FF */
ul.menu{  background:#fff; width: 130px;  margin:15px 0 10px 22px; padding: 0 ;  font-size:1.2em ;font-weight: bold; }
.menu li{ width: 130px; display: block; font-weight: bold; }
.menu ul li{ margin: 2px; width: auto; }
.menu li ul{ margin: 0; padding: 0;}
.menu a:link, .menu a:visited {background:#fff; display: block; width: auto; }
.menu a:hover, .menu a:active {padding-left:5px; background:#fff url(images/rec-cligno.gif) repeat-y scroll left center; }
.principal ul.menu {float: right;  height: auto;}
/* menu_ */
ul.menu_{  background:#434C3E; width: 130px;  margin:0px 0px 0px 0px; padding: 0 ;}
.menu_ li{ width: 130px; display: block; font-weight: bold; }
.menu_ ul li{ margin: 0px; width: auto; }
.menu_ li ul{ margin: 0; padding: 0;}
.menu_ a:link, .menu_ a:visited {background:#434C3E; font-size: 100%; display: block; width: auto; }
.menu_ a:hover, .menu_ a:active { background:#434C3E url(images/rec-cligno.gif) repeat-y scroll right center; }
.principal ul.menu_ {float: right;  height: auto;}

/*menu blanc */
.ablanc *{ color:white; }
.ablanc a:link, .ablanc a:visited, .ablanc a:hover, .ablanc a:active { font-weight: bold;color:white; }
/*menu blanc_ */
.ablanc_ *{ color:white; }
.ablanc_ a:link, .ablanc_ a:visited, .ablanc_ a:hover, .ablanc_ a:active { font-weight: bold;color:white; }
/*menu #05AAB */
.ableu * { color:#005AAB;}
.ableu a:link, .ableu a:visited, .ableu a:hover, .ableu a:active {font-weight: bold; color:#005AAB; }
/*menu #0095DA */
.ableu_ * { color:#0095DA;}
.ableu_ a:hover, .ableu_ a:active {font-weight: bold; color:#005AAB; }
/* dans le pied */
.in-pied { padding: 3px;  }
.in-pied *{ font-size: 90%; text-align: center; line-height: 130%; vertical-align: text-bottom; }
/* fin */

ul.pdf { margin:25px 15px auto 250px; list-style: none url(); }
ul.pdf li { padding: 3px; margin: 5px 10px; display: block; width: auto; background:#FBE233; border:no; }
a.apdf:link,  a.apdf:visited, a.apdf:hover, a.apdf:active 
{ display: block; width: auto; margin: auto 15px; color:#E39E2A; font-size: 90%; }
ul.pdf li input{ border: 0px black solid; background: transparent;}
.fiche { float: left; }

tr{ color: #fff;}
tr.odd {color:#000; background: #F0F0F0;}
.imgG { margin:0; } 
.imgD { float: right; margin: 7px; }
.contact{ width: 295px;}
.contact textarea, .contact label { width: 280px; white-space: nowrap; }
div.column{float: left; width: 295px;}

/* G-Maps CSS */ 
#gmOverlay { position: absolute; left: 0; width: 100%; background-color: #000033; cursor: pointer; z-index: 8; } #gmCenter, #gmBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; z-index: 9; } .gmLoading { background: #fff url(images/loading.gif) no-repeat center; } #gmMap { width: 600px; height: 400px; border: 10px solid #fff; } #gmBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #gmCloseLink { display: block; float: right; width: 80px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0; } #gmCaption { margin-right: 71px; }

/*navigation*/
div#nav {float: left; width:700px;  height:30px; margin: 0 0 0 0; padding-left:200px; vertical-align:middle;background: #CC9900; color:#3D7ED0;border:0 }
div#nav ul {margin: 0; padding: 0;  border: 0px; background:#CC9900 }
div#nav li {position: relative; list-style: none;  background: #006699; margin: 0;float: left; width: 150px; line-height:15px;}
div#nav li:hover {  background: #3D7ED0; }
div#nav li.submenu {background: #CC9900 100% 100% ;color:#3D7ED0;}
div#nav li.submenu:hover {background:#CC9900;}
div#nav li a{display: block; padding: 0.25em 0 0.25em 0.5em; color:#fff ;text-decoration: none; width:150px;border-bottom: 1px #3D7ED0 solid;}
div#nav li p {display: block; padding: 0.25em 0 0.25em 0.5em; background:url(/vanhille/app/webroot/img/bt_.gif) #CC9900  left top no-repeat; color:#000033;font-size: 1.0em;font-weight: bolder;text-decoration: none; width:150px; cursor:default;}
div#nav>ul a {width:auto;}
div#nav ul ul {position: absolute; width:150px; display: none;  }
div#nav ul ul li {border-bottom: 0px ;}
div#nav li.submenu li.submenu {background:#006699 100% 100% ; text-color:#fff ;}
div#nav li.submenu li.submenu:hover { background: #3D7ED0; text-color:#fff}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 27px; left: 0px;}
div#nav ul.level3 {top: 0px; left:150px; border-top: 0px }

#flashcontent{
}


/*menu deroulant */
/*dl, dt, dd, ul, li {
margin: 0;
padding: 0;
font-size:12px;
font-weight:bold;
list-style-type: none;
}
*/

#menu {
position: relative;
padding-top:0px;
top: 0px;
left: 5px;
}

dl#menu {
width:90%;
}

dl#menu dt {
color:#CC9900;
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: left;
/*font-weight: bold;*/
background-color:transparent;
}

dl#menu dd {
border: 0;
}

dl#menu dd li {
text-align: left;
background-color:transparent;
color: #CC9900;
font-size:1.4em;
}
dl#menu dd li a {
color: #F26521;
text-decoration: none;
font-size:1.2em;
display: block;
height: 100%;
 text-decoration:none;
}

dl#menu dd li a:hover{
font-size:1.3em;
color:#F26521;
 text-decoration:underline;
}

dl#menu li {
text-align: left;
background-color:#036;
color: #CC9900;
}
dl#menu li a, dl#menu dt a {
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
color:#fff;
 text-decoration:none;
 font-weight: bold;
}

dl#menu li a:hover, dl#menu dt a:hover {
color:#F26521;
text-decoration:underline;
}
.menuc{
background:#000033; 
float:left;
padding-top:50px;
padding-left:5px;
vertical-align:middle;
text-align:left;
}
/*
.menuc a:link, a:visited { text-decoration:none; color: #FFCC33;font-weight:normal; }
.menuc a:hover, a:active { text-decoration:underline; color: #F26521; font-weight:normal;}
*/
         #global {
                text-align: center;
                margin-left: auto;
                margin-right: auto;
            }
            #route {
                height: 130px;
                overflow-y: auto;
            }
            #map {
                float: left;
            }
            #options {
                width: 350px;
                float: left;
                padding: 0 10px 10px 10px;
                text-align: left;
            }
            .panel {
                background-color: #E8ECF9;
                border: 1px dashed black;
                padding: 5px;
                margin: 10px 0 10px 0;
            }
            .titre {
                text-align: left;
                font-weight: bold;
                margin: 0 0 5px 0;
            }

            .inputTxt {
                width: 100px;
            }