*{
margin:0;
padding: 0;
border:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #393733;
font-size: 0.8em;
margin:0;
padding:0 0.55em !important;
padding:0 0.55em;
}

body, td, th, textarea, select, h2, h3, h4, h5, h6 {
font: 83%/1.4 arial, helvetica, sans-serif;
}

a:link{color:#105CB6;text-decoration:underline;}
a:visited{color:#105CB6;text-decoration:underline;}
a:hover{color:#f60;text-decoration: none;}
a:active{color:#060;text-decoration: none;}

#header {
margin:3px 5px 0 5px;
height: 66px;
border:1px solid #75ABEA;
background: #9FDAFC url(img/bg.jpg) repeat-x;
}

#haut {
height: 30px;
background-color:#FFF;
}

#conteneur {
background-color:#FFF;
}

div#bloc_1 {
background:url(img/ombre_g.gif) repeat-y top left;
padding: 0 0 0 10px;
}

div#bloc_2 {
background:url(img/ombre_d.gif) repeat-y top right;
padding: 0 10px 0 0;
}

div#ombre_1 {
background: #FFF url(img/ombre_centre_g.png) no-repeat top left !important;
padding: 0 0 0 7px !important;
padding: 0;
}

div#ombre_2 {
background: #FFF url(img/ombre_centre_d.png) no-repeat top right !important;
padding: 0 7px 0 0 !important;
padding:0;
}

#centre {
border-top:1px solid #F1F1F1 !important; 
border-top:1px solid #75ABEA;
border-left:0 !important;
border-left:2px solid #75ABEA;
border-right:0 !important;
border-right:1px solid #75ABEA;
border-bottom:0 !important;
border-bottom:1px solid #75ABEA;
margin-left: 150px !important;
margin-left: 160px;
margin-right: 160px !important;
margin-right: 175px;
padding-bottom:10px;
background-color:#FFFFFF;
}

#contenu {
background:#FFF url(img/bg_degrade1.jpg) repeat-x top left;
}

h1 {
margin-left:-2000px;
display:none;
font-size:83%;
color:#105CB6;
}

h2 {
font-size:175%;
font-family: Georgia, "Times New Roman", Times, serif;
color:#105CB6;
padding: 0;
margin: 10px 12px 0 12px;
border-bottom: 1px solid #75ABEA;
}

h3 {
font-size: 120%;
text-indent:15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color:#105CB6;
padding: 0 0 0 15px;
margin: 10px 12px 0 12px;
}

#gauche {
float:left;
width: 161px !important;
width:150px;
margin:0 0 0 5px !important;
margin:0 0 0 2px;
padding:5px 0 5px 5px;
}

#droite {
float:right;
width: 155px;
padding:5px 5px 5px 5px;
}

#pied {
clear:both;
margin:150px 0 0 0;
padding:10px 0 5px;
height: 25px;
text-align:center;
background-color: #FFFFFF;
}

.menuresultat {
list-style-type: none;
margin: 0px 0 15px 30px;
padding:0;
}

.menusimple {
list-style-type: circle;
margin: 12px 0 15px 45px;
padding:0;
}

.menusimple li, .menuresultat li {
margin-bottom: 3px;
}

.menusimple a, .menuresultat a {
margin: 0 2px;
color: #105CB6;
text-decoration: none;
}

.menusimple a:hover, .menuresultat a:hover {
color:#f60;
text-decoration: none;
}

.menusimple a:active, .menuresultat a:active {
color:#060;
text-decoration: none;
}

p#fil_ariane { 
padding:5px;
}

p {
line-height: 150%;
margin:0 0 8px 0;
padding:5px 10px 5px 15px;
}

hr#sep {
width:0;
margin:0;
padding:0;
background:none;
}

p#first {
margin:5px 20px;
padding:10px;
border:1px solid #75ABEA;/* #DFEBF8 */
border-left:3px double #75ABEA;/* #D1E3F6 */
background:#F4F7FB url(img/fondu_para.png);
}

p#news {
margin:5px 25px;
padding:10px;
border:1px solid #DFEBF8;
border-left:4px double #D1E3F6;
background:#F5F8FF url(img/fondu_para.png);
}

p.p_home { 
margin:15px 25px;
padding:10px;
border:1px solid #DFEBF8;
border-left:4px double #D1E3F6;
background:#F5F8FF;
}

.para_rouge, .para_bleu, .para_normal {
line-height:150%;
padding:10px;
margin:15px 20px;
}

.para_rouge{
border:1px solid #f60;
border-left:1px solid #f60;
background:url(img/fondu_para2.png);
}

.para_bleu{
border:1px solid #75ABEA;
border-left:1px solid #75ABEA;
background:url(img/fondu_para.png);
}

p.last_dfn, p.liste { 
margin:0 15px;
padding:15px 10px 0px 15px;
}

p.pauteur {
color:#999;
margin:-20px 0 0 5px !important;
margin:-15px 0 0 3px;
}

p#centrer {
font-size: 120%;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin:25px auto;
padding:0;
width:180px;
}

p.centrer2 {
/* font-size: 120%; */
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin:25px auto;
padding:0;
width:400px;
}

p#centrer_img {
margin:5px auto;
padding:0;
width:375px;
}

#pagination {text-align:center;padding:25px 0 10px 0;}
#pagination a {margin: 0 2px;color:#0099CC;text-decoration: underline;}
#pagination a:hover {text-decoration: none;}
#pagination_p {font-weight:bold;line-height:25px;}
span#rss_accueil {
background:url(img/rss.png) no-repeat;
padding: 0 0 5px 55px;
}

.sligne {
text-decoration:underline;
}

strong {
color:#000;
}

dfn {
font-weight:bold;
color:#444;
}
            /* div qui s?pare les diff?rentes traductions */

.separe_traduction{
margin:-25px 30px 1px 30px;
border-bottom:1px dotted !important;
border-bottom:1px solid;
color: #3477B6;
}

div#pub_generique {
border:1px solid #E3E3E3;
padding:10px 10px 10px 12px;
margin:0 10px 0;
}

/* WAI */

ul#wai {
display:block;
list-style-type:none;
}

#wai li{
float:right;
margin:0px 10px 0px 2px;
}

/* SITEMAP */

.menugauchemap {
list-style-type: none;
margin:10px 0 15px 30px;
}

.menugauchemap li {
margin:0 0 3px 10px;
list-style-type: none;
}

.menugauchemap a {
color: #6292C7;
display: block;
height: 18px;
width: 170px;
text-decoration: underline;
text-indent: 10px;
}

.menugauchemap a:hover {
color: #000;
}

#stickers {
list-style-type: none;
Width:120px;
margin:5px 5px 5px 15px !important;
margin:15px 10px 5px 15px;
padding:10px 5px;
}

 /* balises de d?finition */   
 
dl{/* d?finitions du titre du cadre */  
margin:15px 0 0 0;
}

dt{
height:10px;
font-weight:bold;
margin:0 !important;
margin:0 0 0 10px;
text-decoration:underline;
font-size: 0.9em;
}

dd{
text-align:justify;
margin:0;
font-size: 0.9em;
}



div#wai_recherche {
margin:-70px 0 0 0;
}

#rode{
float:right;
margin:20px 0px 0 455px !important;
margin:40px 0px 0 350px;
}

p#search {
margin:0;
}

p#bout{
margin:-30px 0px 0 150px !important;
margin:-30px 0px 0 150px;
}

#recherche2{
background-color:#fff !important;
border-color: #999 #aab3b3 #d5dddd #aab3b3 !important;
border: 1px solid;
color:#333;
}

#recherche2:focus{
background-color: #fff !important;
border-color: #ff9900 !important;
color:#333;
}


ul#menualpha, ul#menualpaha_plan{
display:block;
list-style-type:none;
width:450px;
margin:20px auto !important;
margin:20px auto 10px auto;
background:#FFF;
}

ul#menualpha li, ul#menualpaha_plan li{
float:left;
width:14px;
border:1px solid  #B2D0F3;
margin:0;
text-align:center;
background: url(img/icones_alpha1.gif);
}

ul#menualpha li a, ul#menualpaha_plan li a {
font-weight:bold;
text-decoration:none ;
}

ul#menualpha li a:hover, ul#menualpaha_plan li a:hover {
background:none; /* bug IE */
}

ul#menualpha li a span, ul#menualpaha_plan li a span {
display:none;
}

ul#menualpha li a:hover span, ul#menualpaha_plan li a:hover span {
background: url(img/icone_alpha.gif) 0 5px no-repeat;
border:0;
display:block;
margin:-40px 0 0 0;
}

form#newsletter {
margin:15px 0 !important;
margin:15px 0 0 -3px;
}

input#ok_mail {
cursor:pointer;

margin:0 0 0 104px;
}

.bout2{
margin:-16px 0 0 -2px !important;
margin:-18px 0 0 2px;
}

#checkbox{
display:inline;
margin:0 0 0 -10px;
}

#newsletter_pub{
margin:0 0 0 -1px;
}

#newsletter_mail{
background-color:#fff !important;
border-color: #999 #aab3b3 #d5dddd #aab3b3 !important;
border:1px solid;
color:#333;
margin:0px 0 -8px!important;
margin:0px 0 -8px 8px;
}



#newsletter_mail:focus {
background-color:#fff !important;
border-color: #f90 !important;
color:#333;
}

#newsletter_mail_modif{
background-color: #fff !important;
border-color: #999 #aab3b3 #d5dddd #aab3b3 !important;
border: 1px solid;
}

#newsletter_mail_modif:hover {
background-color:#fff !important;
border-color:#80C080 !important;
}

fieldset#Newsletter_sd legend {
padding:0 0 5px 0;
margin:0 0 -10px 0;
text-indent:12.5px !important;
text-indent:5px;
font-weight:normal;
border: 0 none;
}

#menugauche {
list-style-type:none;
margin: 0;
padding:0;
}

#menugauche li {
height:25px;
text-decoration: none;
}

#menugauche li#accueil a {
margin:0 2px;
color:#105CB6;
padding-left:25px;
background:url(img/accueil2.gif) left center no-repeat;
text-decoration: none;
}

#menugauche li#concept a {
margin:0 2px;
color:#105CB6;
padding-left:25px;
background:url(img/concept.gif) left center no-repeat;
text-decoration: none;
}

#menugauche li#proposer a {
margin:0 2px;
color:#105CB6;
padding-left:25px;
background:#FFF url(img/write.gif) left center no-repeat;
text-decoration: none;
}

#menugauche li#aleatoire a {
margin:0 2px;
color:#105CB6;
padding-left:25px;
background:#FFF url(img/aleatoire.gif) left center no-repeat;
text-decoration: none;
}

#menugauche li#dernier a {
margin:0 2px;
color:#105CB6;
padding-left:25px;
background:#FFF url(img/calendar.gif) left center no-repeat;
text-decoration: none;
}

#menugauche li#top a {
margin:0 2px;
color:#105CB6;
padding-left:25px;
background:#FFF url(img/top1.gif) left center no-repeat;
text-decoration:none;
}

#menugauche li#forum a {
margin: 0 2px;
color:#105CB6;
padding-left:25px;
background:#FFF url(img/forum.png) left center no-repeat;
text-decoration:none;
}

#menugauche li#charte a {
margin:0 2px;
color:#105CB6;
padding-left:25px;
background:#FFF url(img/charte.png) left center no-repeat;
text-decoration: none;
}

#menugauche li#rss a {
margin:0 2px;
color:#105CB6;
padding-left:25px;
background:#FFF url(img/rss16x16.gif) left center no-repeat;
text-decoration: none;
}

#menugauche li#accueil a:hover, #menugauche li#concept a:hover, #menugauche li#proposer a:hover, #menugauche li#aleatoire a:hover, #menugauche li#dernier a:hover, #menugauche li#top a:hover, #menugauche li#forum a:hover, #menugauche li#charte a:hover, #menugauche li#sitemap a:hover, #menugauche li#about a:hover, #menugauche li#rss a:hover {
color:#f60;
text-decoration: underline;
}

#menugauche li#accueil a:active, #menugauche li#concept a:active, #menugauche li#proposer a:active, #menugauche li#aleatoire a:active, #menugauche li#dernier a:active, #menugauche li#top a:active, #menugauche li#forum a:active, #menugauche li#charte a:active, #menugauche li#sitemap a:active, #menugauche li#about a:active {
color:#060;
text-decoration:none;
}


/*** Mise en forme du formulaire ***/

form#proposition, form#newsletter_modif, form#mail_nous {
border:none;
margin:0 50px !important;
margin:0 50px;
padding: 0;
}

#titreForm {	/*** Mise en forme du titre et du pied de formulaire ***/
border-top:1px solid #f60;
border-left:1px solid #f60;
border-right:1px solid #f60;
font:bold 1.1em arial, hevetica, sans-serif;
color: #393733;
background:#f60 url(img/bg_degrade_orange.jpg) 0 -10px;
margin:0;
padding:0.5em;
}

#piedForm {
border-bottom:1px solid #f60;
border-left:1px solid #f60;
border-right:1px solid #f60;
font:bold 1.1em arial, hevetica, sans-serif;
color:#393733;
background:#f60 url(img/bg_degrade_orange.jpg) 0 -8px;
margin:0;
padding:0.30em 0.25em 0;
text-align:right; /*** Les boutons sont alignes a droite ***/
}

#piedForm input {
font-weight:bold;
margin-left:1em;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
border:1px solid #f60;
color:black;
background:url(img/fondu_para2.png) repeat-y;/* #E2F2FF  #efefef  */
margin:0;
padding:1em;
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
margin:0;
font-style:normal;
padding:0 1em 1em;
border:1px solid #ccc;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
font-weight: bold;
color: black;
background: transparent;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
padding: 0.2em 0;
margin: 0 0 0.2em 0;
}

#corpForm fieldset#coordonnees label, #corpsForm fieldset#identification label, #corpsForm fieldset#cgu_news label, #corpsForm fieldset#gestion_abo label, #corpsForm fieldset#message label {	/*** Mise en forme des intitules de champs ***/
float:left;	/*** Tres important, ne pas suprimer ! ***/
width:30%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
text-align:right;	
margin:0;
padding:0 0.5em 0;
line-height: 1.8;	
}

#corpForm label:hover, #piedForm input {
cursor: pointer;	
}

#corpForm label.oblig {
font-weight: bold;
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
font-style:italic;
color:#666;
background:transparent;
margin:0;
padding:0;
}

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
text-decoration:none;
}

#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
margin:0;
padding:0;
border:0;
}

#corpForm a.aide:hover {
cursor: help;
}

/* ************************** mise en forme focus champ formulaire ************************ */

#definition_type_genre, #mot_expression, #definition_definition,
#auteur_nom, #auteur_mail, #nom_client, #email, #sujet, #newsletter_mail_modif2,
textarea{background: #f7f7f7 !important;border-color: #999 #aab3b3 #d5dddd #aab3b3 !important;border: 1px solid;
}

#definition_type_genre:focus, #mot_expression:focus,
#definition_definition:focus, #auteur_nom:focus, #auteur_mail:focus, #nom_client:focus, #email:focus, #sujet:focus, #newsletter_mail_modif2:hover,
textarea:focus{background:#fff !important;border-color:#ff9900 !important;}

#site_nom, #site_url, #definition_exemple, #newsletter_mail_modif{background-color: #fff !important;border-color: #999 #aab3b3 #d5dddd #aab3b3 !important;border: 1px solid;}

#site_nom:focus, #site_url:focus, #definition_exemple:focus, #newsletter_mail_modif:hover {background-color: #fff !important;border-color: #80C080 !important;}

#simple{margin:5px 0 25px 60px;}
#simple li{padding:0 0 0 5px;color:#333;list-style-type: circle;}

kbd {
font-size:11px;
padding:0px 2px;
border:1px solid #73776B;
}

acronym, abbr {
color:#3B609A;
cursor:help;
font-weight:bold;
border-bottom:1px dotted;
}