
html, body {height: 100%; width:100%;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
img, table, td, blockquote, code, pre, textarea, input, object, embed, video { max-width: 100% !important; }

body{position:relative; -webkit-text-size-adjust:none; min-height:100%; font-family:Arial, Helvetica, sans-serif; line-height:1; color:#3a3a3a; }
img{border:0; max-width:100%; }

#page-mobile{width:100%; min-height:100%; overflow-x:hidden; background-color:#fff; margin: 0 auto;}

/* BASE */
h1{ color:#0F5BA4; font-size:1.4em; margin:0 0 15px 0; text-transform:uppercase; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h2{ color:#0F5BA4; font-size:1.1em; margin:5px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h3{ color:#67AA47; font-size:1em; margin:15px 0 0 0; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h4{ color:#3a3a3a; font-size:1em; font-weight:bold; }
a, p, td, li{color:#272727;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.legende{ font-size:62.5%; color:#464646; margin-top:2px; text-align:center;}
.image_ombree{width:auto;}
.image_ombree img{box-shadow:0px 0px 5px #666; -moz-box-shadow:0px 0px 5px #666; -webkit-box-shadow:0px 0px 5px #666;}

.width100pc{width:100%;}
.invisible{display:none;}
ul.enligne{ margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }


/* HEADER */
#topbar{width: 100%; height: 95px; border-bottom: 7px solid #3a3a3a;}
#logo{ position:absolute; left: 3.75%; /* 12px / 320px */ width: 36.5625%; /* 117px / 320px */ top: 6px;  }
#logo img{ border: 0; max-width:100%;  }
#slogan{ position:absolute; right: 3.75%; /* 22px / 320px */ top: 30px; font-size: 1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width: 50%;  }

#leftnav a, #div_lien_yahoo, #div_lien_yahoo a, .lien_yahoo{color:#fff; font-size:0.9em; text-decoration:none;  }
#leftnav a:hover, #div_lien_yahoo a:hover{text-decoration:underline}
#leftnav{width:100%; float:left; margin-right:3.125%; background:#67AA47; border-bottom: 7px solid #3a3a3a; line-height:3em; }
#leftnav a{ background:url(/charte/mobile/puce.png) no-repeat; padding:3px 0 10px 30px; line-height:1.25em; margin-left:3%;}

/* MENU */
#menu{position:relative; left:0; top:0; width:100%; max-width:100%; overflow:hidden; display:inline-table; text-align:center; background:#3a3a3a; padding-bottom:7px;}
#menu li{clear:both; margin:3px auto; width:100%; background:url(/charte/mobile/fd-menu.png) repeat-x left top; list-style-type:none;}
#menu a{ display:inline-table; text-align:center;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(/charte/mobile/fd-menu.png) repeat-x left top; color:#fff; font-size:1.1em; text-decoration:none; line-height:2.6em;}

#menu li:hover{}
#menu li:hover a{text-shadow:#fff 0 1px 0;}

/* Content */
#content{ z-index:0; }
#pagecontent{ padding: 3.75%; }

/* Footer */
#footer{padding:10px 0; float:left; background-color: #3a3a3a; width:100%;  }
#links{text-align:center; color:#fff !important; font-size: 0.875em;}
#links a{margin:0 2%; line-height: 1.6em; color:#fff;}


/* PLAN DU SITE */
.PLAN0{float:left; clear:both; padding:0.9375%; margin:10px 0; width:100%;}
.PLAN0 a{font-size:1em; color:#0F5BA4!important; text-transform:uppercase; }
.PLAN1{position:relative; left:-25px; list-style:none; padding:5px 0;}
.PLAN1 a{ font-size:0.875em; color:#0F5BA4!important;}
.PLAN2{	list-style-type:disc; color:#3A3A3A; position:relative; left:-15px; margin:4px 0;	}
.PLAN2 a{font-size:0.75em; color:#3A3A3A!important;}
.PLAN3{font-size:0.7em; margin:2px 0; position:relative; left:-25px;}
.PLAN3 a{font-size: 0.7em; color:#3A3A3A!important;}

.PLAN0 a, .PLAN1 a, .PLAN2 a, .PLAN3 a{text-decoration:none !important;}
.PLAN0 a:hover, .PLAN1 a:hover, .PLAN2 a:hover, .PLAN3 a:hover{color:#3A3A3A !important; text-decoration:underline !important;}


/* illicopage */
.user_courant, .user_fonction, .lien_menu{ display:none !important;}

/*nouveau captcha*/
.recaptcha_icons{padding:10px 0 15px 0; text-align:center; margin:0 auto; }
.recaptcha_refresh, .recaptcha_only_if_image, .recaptcha_help{ text-align:center; margin:0 auto; position:relative;}
.recaptcha_refresh a, .recaptcha_only_if_image a, .recaptcha_help a{ float:left; width:30px; text-align:center;}


