/* CSS DOCUMENT */
body {background: url(/images_template/new_fond_global.gif) left top repeat-x; font-size: 76%;height:100%;}

/* Hides from IE-mac \*/
* html .holly {height: 1%;}
/* End hide from IE-mac */

/* Undo existing styles
======================================================================*/
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th, ul {font-size: 1em;}
blockquote, body, br, button, dd, fieldset, form, h1, h2, h3, h4, h5, h6, html, label, legend, li, ol, p, pre, table, td, th, ul {margin: 0; padding: 0;}

/* Basics
======================================================================*/
h1 {font-size:1.8em; color: #c00; line-height: 1.2;}
h2 {font-size:1.4em; color: #666; line-height: 1.2;}
h3 {font-size:1.25em; color: #333; line-height: 1.2;}
h4 {font-size:1em; color: #333; line-height: 1.2;}
abbr, acronym {border-bottom: 1px dotted #505050; cursor: help;}
fieldset {border: 0;}
a img {border: none 0;}
pre {overflow: auto; width: 100%;}
table {border-collapse: collapse;}
ul {list-style: none;}
hr {background-color:#ccc; height: 1px; border: none 0; border-bottom: solid 1px #ccc;}

.rub1 h1 {color:#00adea;}
.rub1 h1 a.linktolexique,
.rub1 h1 a.linktolexique:hover {color:#00adea;}
.rub2 h1,
.rub3 h1,
.rub4 h1 {color:#ee8c1c;}
.rub2 h1 a.linktolexique,
.rub3 h1 a.linktolexique,
.rub4 h1 a.linktolexique,
.rub2 h1 a.linktolexique:hover,
.rub3 h1 a.linktolexique:hover,
.rub4 h1 a.linktolexique:hover {color:#ee8c1c;}
.rub5 h1 {color:#cc0000;}
.rub5 h1 a.linktolexique,
.rub5 h1 a.linktolexique:hover {color:#cc0000;}
.rub6 h1 {color:#7cc038;}
.rub6 h1 a.linktolexique,
.rub6 h1 a.linktolexique:hover {color:#7cc038;}
.rub7 h1 {color:#bc3c7d;}
.rub7 h1 a.linktolexique,
.rub7 h1 a.linktolexique:hover {color:#bc3c7d;}

.rub1 h2 {color:#00adea;}
.rub1 h2 a.linktolexique,
.rub1 h2 a.linktolexique:hover {color:#00adea;}
.rub2 h2,
.rub3 h2,
.rub4 h2 {color:#ee8c1c;}
.rub2 h2 a.linktolexique,
.rub3 h2 a.linktolexique,
.rub4 h2 a.linktolexique,
.rub2 h2 a.linktolexique:hover,
.rub3 h2 a.linktolexique:hover,
.rub4 h2 a.linktolexique:hover {color:#ee8c1c;}
.rub5 h2 {color:#cc0000;}
.rub5 h2 a.linktolexique,
.rub5 h2 a.linktolexique:hover {color:#cc0000;}
.rub6 h2 {color:#7cc038;}
.rub6 h2 a.linktolexique,
.rub6 h2 a.linktolexique:hover {color:#7cc038;}
.rub7 h2 {color:#bc3c7d;}
.rub7 h2 a.linktolexique,
.rub7 h2 a.linktolexique:hover {color:#bc3c7d;}

.rub1 h3 {color:#00adea;}
.rub1 h3 a.linktolexique,
.rub1 h3 a.linktolexique:hover {color:#00adea;}
.rub2 h3,
.rub3 h3,
.rub4 h3 {color:#ee8c1c;}
.rub2 h3 a.linktolexique,
.rub3 h3 a.linktolexique,
.rub4 h3 a.linktolexique,
.rub2 h3 a.linktolexique:hover,
.rub3 h3 a.linktolexique:hover,
.rub4 h3 a.linktolexique:hover {color:#ee8c1c;}
.rub5 h3 {color:#cc0000;}
.rub5 h3 a.linktolexique,
.rub5 h3 a.linktolexique:hover {color:#cc0000;}
.rub6 h3 {color:#7cc038;}
.rub6 h3 a.linktolexique,
.rub6 h3 a.linktolexique:hover {color:#7cc038;}
.rub7 h3 {color:#bc3c7d;}
.rub7 h3 a.linktolexique,
.rub7 h3 a.linktolexique:hover {color:#bc3c7d;}

.rub1 h4 {color:#00adea;}
.rub1 h4 a.linktolexique,
.rub1 h4 a.linktolexique:hover {color:#00adea;}
.rub2 h4,
.rub3 h4,
.rub4 h4 {color:#ee8c1c;}
.rub2 h4 a.linktolexique,
.rub3 h4 a.linktolexique,
.rub4 h4 a.linktolexique,
.rub2 h4 a.linktolexique:hover,
.rub3 h4 a.linktolexique:hover,
.rub4 h4 a.linktolexique:hover {color:#ee8c1c;}
.rub5 h4 {color:#cc0000;}
.rub5 h4 a.linktolexique,
.rub5 h4 a.linktolexique:hover {color:#cc0000;}
.rub6 h4 {color:#7cc038;}
.rub6 h4 a.linktolexique,
.rub6 h4 a.linktolexique:hover {color:#7cc038;}
.rub7 h4 {color:#bc3c7d;}
.rub7 h4 a.linktolexique,
.rub7 h4 a.linktolexique:hover {color:#bc3c7d;}

.rub1 h5 {color:#00adea;}
.rub1 h5 a.linktolexique,
.rub1 h5 a.linktolexique:hover {color:#00adea;}
.rub2 h5,
.rub3 h5,
.rub4 h5 {color:#ee8c1c;}
.rub2 h5 a.linktolexique,
.rub3 h5 a.linktolexique,
.rub4 h5 a.linktolexique,
.rub2 h5 a.linktolexique:hover,
.rub3 h5 a.linktolexique:hover,
.rub4 h5 a.linktolexique:hover {color:#ee8c1c;}
.rub5 h5 {color:#cc0000;}
.rub5 h5 a.linktolexique,
.rub5 h5 a.linktolexique:hover {color:#cc0000;}
.rub6 h5 {color:#7cc038;}
.rub6 h5 a.linktolexique,
.rub6 h5 a.linktolexique:hover {color:#7cc038;}
.rub7 h5 {color:#bc3c7d;}
.rub7 h5 a.linktolexique,
.rub7 h5 a.linktolexique:hover {color:#bc3c7d;}
/* Links
======================================================================*/
a {text-decoration: none; color:#c00;}
a:hover {text-decoration: underline;}
a:visited {color : #c33;}

a.linktolexique {border-bottom: dotted 1px #555; cursor: help; text-decoration:none; color: #000;}
a.linktolexique:hover {text-decoration:none;}
.red a.linktolexique {border-bottom: dotted 1px #555; cursor: help; text-decoration:none; color: #c00;}
.red a.linktolexique:hover {text-decoration:none;}
dd a.linktolexique {border-bottom: dotted 1px #555; cursor: help; text-decoration:none; color: #c00;}
dd a.linktolexique:hover {text-decoration:none;}
h1 a.linktolexique,
h1 a.linktolexique:hover {color: #c00;}
h2 a.linktolexique,
h2 a.linktolexique:hover {color: #666;}
h3 a.linktolexique,
h3 a.linktolexique:hover,
h4 a.linktolexique,
h4 a.linktolexique:hover {color: #333;}
/* .cadre_contenu h2 a.linktolexique,
.cadre_contenu h2 a.linktolexique:hover {color: #c00;} */

/* Fonts
======================================================================*/
body, input, select, textarea, h1, h2, h3, ul {font-family: Arial, Helvetica, sans-serif;}
code, kbd, pre {font-family: "Courier New", Courier, monospace;}

/* Core layout
======================================================================*/
#baseline {color: #666; text-decoration: none; font-size:10px; /* position:absolute; bottom: 0px; width:990px; */ text-align:center; margin: 10px auto;}
#baseline a,
#baseline a:link,
#baseline a:visited,
#baseline a:hover,
#baseline a:active {color: #999;}
#global{position:relative; width:990px; margin: 0 auto; overflow:hidden; color: #333; padding-bottom: 10px;}
#header{position:relative;height: 76px;}
#logo {position: absolute;left: 25px;top: 0;width: 153px;height: 76px;}
#switch {position: absolute;top: 52px;right: 2px;width: 430px;height: 25px;}
#switch ul li {display: inline; margin: 0; padding: 0;}
#launcher_info {position: absolute;top: 5px;right: 16px;width: 332px;height: 46px;background: url(/images/home-contactez-nous-au-0800008800.png) left top no-repeat;color: #fff;font: bold 1.2em Verdana;}

#menu {position: relative; width:995px; }
#menu ul {float:left; padding-left:2px; background: url(/images_template/new_menu_dash.gif) right 50% no-repeat;}
*> #menu ul {padding-left:9px;}
#menu ul li {display: inline; margin: 0; padding: 0px; text-align:left; font-weight:bold}
#menu ul li a {display:block; float:left; padding: 10px 23px; background: url(/images_template/new_menu_dash.gif) left 8px no-repeat;text-decoration:none;color:#333;line-height:1.4em;}
#menu ul li form {display:block; float:left; padding: 7px 10px; background: url(/images_template/new_menu_dash.gif) left 8px no-repeat;text-decoration:none;color:#333;line-height:1.4em;}
#menu ul li a:hover {color:#C00}
#menu ul li a.on span{border-bottom: double 3px #c99; color: #933}
#menu a img {float:left;margin-right:2px; margin-top:-5px;}
.menu_ok {margin-bottom:-3px;}


#main_content_v2 {position:relative; width:990px;}

#contenu_v2 {width:797px; float:left; padding-left:3px; margin-left:5px;}

.head {background: url(/images_template/new_head_contenu.gif) 0 0 no-repeat; height:70px;}
.foot {background: url(/images_template/new_foot_contenu.gif) 0 0 no-repeat; height:14px;}
.contenu {padding: 0 25px; clear:both;}

#footer {clear: both;text-align: center;font: normal 0.8em Trebuchet MS;padding: 30px 0;background: url(/images_template/fond_footer.gif) left top repeat-x;}
#footer ul {display: block;margin: 5px auto 0 auto;}
#footer ul li {display: inline;margin: 0 6px 0px 7px;padding:0;}
#footer ul li a {text-decoration: none;color: #333;}
#footer ul li a:hover {text-decoration: underline;}

/* Content
======================================================================*/
.chemin_de_fer {padding-left:15px;padding-top:10px;height:5px;}
.imagedumoment {margin-top:7px}
.clear {display: block; clear:both; font: normal 0/0 arial; margin: 0; padding: 0;}
.text {border: solid 1px #ccc;color: #333;padding: 1px 5px;font: normal 1em Arial, Helvetica, sans-serif;}
.center {text-align:center;}
.right {text-align:right;}
* > .text {margin: 1px 0;}
.small {width: 262px;}
* > .small {width: 268px;}
.medium {width: 455px;}
* > .medium {width: 448px;}
.large {width: 715px;}
* > .large {width: 716px;}
.red {color: #C00;}
.alttext {position:absolute; left:-10000px}
.bloc {background: url(/images_template/new_home_head_bloc.png) 5px 5px no-repeat;}
.bloc h2 {color:#fff; text-align:center; margin: 5px;padding-top: 3px;}

/*Boutons*/
a.btsmall {background: url(/images_template/new_home_head_bloc.gif) left top repeat-x; color:#fff; text-align:center; margin: 5px;}
a.btsmall {padding: 2px 5px; border: solid 1px #696D84;font-weight: bold;background-position:left bottom; color: #FFF !important}
a.btmed {background: url(/images_template/new_bt_start.gif) left top no-repeat; line-height: 20px; padding: 0 0 7px 15px;}
* > a.btmed {padding-top: 5px; !padding-top: 0;}
a.btmed:hover {text-decoration:none}
a.btmed span {background: transparent url(/images_template/new_bt_end.gif) right top no-repeat; text-transform: uppercase; color:#C00; font-weight:bold; padding: 5px 15px 7px 0;}
a.lienExterne {background:url(/images_template/lienExterne.png) no-repeat right center; padding-right:15px;}

/* ajout 17/01/2008 Rico
Class pour les nouvelles offres */
.avantage {color:#efa106;}
.planete {color:#b6c721;}
.avenir {color:#009e9b;}
/**/

.cadre_contenu {
position: relative;
overflow: visible;
background: url(/images_template/fond_cadre_contenu.gif) left bottom repeat-x;
border: solid 1px #CCC;
border-top: solid 1px #BBB;
border-bottom: none 0;
padding: 5px;
padding-bottom: 20px;
margin: 5px 15px;
}

/* ajout lol
cadre contenu 2 colonnes */

.cadre_contenu_gauche {
float:left;
width:340px;
position: relative;
overflow: visible;
background: url(/images_template/fond_cadre_contenu.gif) left bottom repeat-x;
margin:-1px 0 0 8px;
padding: 5px;
padding-bottom: 20px;
}
* > .cadre_contenu_gauche {
margin:0 0 0 15px;
}
.cadre_contenu_gauche  ul {list-style-type:square; padding-left:25px;}
.cadre_contenu_gauche ul li{ margin-bottom:7px;}

.cadre_contenu_droite {
float:left;
width:340px;
position: relative;
overflow: visible;
background: url(/images_template/fond_cadre_contenu.gif) left bottom repeat-x;
margin:-1px 0 0 10px;
padding: 5px;
padding-bottom: 20px;
}
.cadre_contenu_droite  ul {list-style-type:square; padding-left:25px;}
.cadre_contenu_droite ul li{ margin-bottom:7px;}


.cadre_contenu_vert {
background: url(/images_template/fond_cadre_contenu_verte.gif) left bottom repeat-x;
border: solid 2px #aadc79;
border-bottom: none 0;
}

.cadre_contenu_orange {
background: url(/images_template/fond_cadre_contenu_orange.gif) left bottom repeat-x;
border: solid 2px #f1ac75;
border-bottom: none 0;
}

.cadre_contenu_bleu {
background: url(/images_template/fond_cadre_contenu_bleu.gif) left bottom repeat-x;
border: solid 2px #6dd4f7;
border-bottom: none 0;
}

.cadre_contenu_violet {
background: url(/images_template/fond_cadre_contenu_violet.gif) left bottom repeat-x;
border: solid 2px #e58dba;
border-bottom: none 0;
}

.cadre_contenu_rouge {
background: url(/images_template/fond_cadre_contenu_rouge.gif) left bottom repeat-x;
border: solid 2px #eb8383;
border-bottom: none 0;
}


.information {
position: relative;
background: #EEF url(/images_template/message.gif) 10px 10px no-repeat;
border: solid 2px #339;
padding: 10px;
margin: 2px 5px;
overflow:visible;
color: #339;
}

/*div pop-up lexique*/
#tip {
position:absolute; visibility:hidden; z-index:800;
background: url(/images/omo.png) left top no-repeat;
width:269px; text-align:left;
font-size:0.9em;
padding-top:32px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
border-bottom: 1px solid #7A7A7A;
font-weight:bold;
color:#444;
}

/* special google */
#recherche {background: url(/images/new_fond_bloc_search.gif) left top repeat-x; margin-top:-3px; padding: 6px 8px 8px 10px;}
* > #recherche {margin-top:9px; !margin-top:-3px;}
#queryContainer {margin-bottom: 3px}
#query {margin-top: 3px; padding: 1px 2px; height: 16px; float: left; border: solid 1px #ccc; width:100px;}
#val {margin-top: 3px; margin-left: 12px}
#recherche label {font-size:10px; margin-left:3px;}
#rech1 {margin:0 0 -4px 0;}
#rech2 {margin:0 0 -4px 7px;}
.contenu #queryContainer {margin:0 auto;text-align:center}
.contenu #query {margin: 0 0 10px 0; float: none;}
.contenu #searchcontrol {margin-left:20px;padding: 10px;}
.gs-title {padding: 10px 0 5px 0px; margin-top:5px; border-top: dotted 1px #ccc}
#searchcontrol div.gsc-tabsArea,
.gsc-stats,
.gs-visibleUrl,
.gsc-tabsAreaInvisible,
.gsc-title,
.gsc-twiddle,
.gsc-more-results,
.gsc-result-selector,
.gs-watermark,
.gsc-trailing-more-results,
.gsc-ad-box {display : none;}


/* mise en forme pagination page google 14/12/07 */

.gsc-cursor {padding-left:300px; cursor: pointer;}
.gsc-cursor-page {float:left; text-decoration:underline; color:#c00; margin-right:7px;}
.gsc-cursor-current-page {font-weight:bold; float:left; text-decoration:none; color:#000;}
.gsc-cursor-box {margin-top:30px; height:30px;}


/* mise en forme champs de recherche page recherche 14/12/07 */

.page-recherche {border:1px solid #bbb; margin:0px 15px 25px 15px;}
* > .page-recherche {margin:0px 15px 8px 15px; !margin:0px 15px 25px 15px;}
.page-recherche #queryContainer {margin:15px 0 0 0; padding:5px 0 0 40px; float:left;}
.page-recherche img {margin:15px 0px 0 25px; float:left;}
.page-recherche #rech1 {margin:0 5px -4px 0;}
.page-recherche #rech2 {margin:0 5px -4px 7px;}
.page-recherche #val {margin:0px;}
.page-recherche #query {margin: 0 20px 0px 20px; float: none;}
.page-recherche #searchcontrol {margin-left:20px;padding: 10px;}

/* suppression focus balise flash 18/06/09 */

object:focus{outline-style:none;}

/*opacity*/
.opacity:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}

/* are you net  
#bloc-areyounet {position:absolute;top: 0;left: 0;height: 100%;width: 100%;}
#trans-areyounet {position:absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: #FFF;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#bloc-areyounet div.form-ayn {position: absolute;left: 50%;top: 50%;width: 500px;height: 200px;margin-left: -250px;margin-top: -100px;background-color:#FFF;border: solid 1px #933;font-size: 1.4em;color: #666;}
#bloc-areyounet div.form-ayn div {margin-top:20px; font: normal 1em  Tahoma, Arial, Helvetica; text-align:center;}
#bloc-areyounet div.form-ayn img{margin: 0}
#bloc-areyounet div.form-ayn p {padding-top: 10px}
#bloc-areyounet div.form-ayn strong {color: #333; font-size: 1.2em}*/