/* Définition des styles communs pour la mise en page */
* {padding: 0;
margin: 0;}

body {font-family: Arial,Helvetica,sans-serif;
font-size: 70%;
text-align: left;
color: black;
padding: 0;
margin: 0;

}

#conteneur {width: 992px;
padding-left: 13px;
padding-right: 3px;
margin: 0 auto;
}

#entete_principale {position: relative;
	top: 0px;
	left: 0px;
	width: 992px;
       height: 70px;	
}

#logo {position: absolute;
	top: 0px;
	left: 0px;
	width: 210px;	
	height: 70px;
}

#recherche {position: absolute;
top: 0px;
left: 760px;     /* parceque IE ne sait pas calculer correctement la dimension d'un élément on décale de 10px à gauche */
height: 60px;     /* parceque IE ne sait pas calculer correctement la dimension d'un élément */
background-color: transparent;
text-align: center;
width:230px
}

#logo_secusol { float:right; width:160px; height:100px;}

html>body #recherche {
height: 35px;
} 

#chercher{
float:left; margin-bottom:20px;
}

#menu {width: 974px;
height: 30px;
padding: 0 0 0 18px;
text-align: center;
background-color: transparent;
}

#contenus {position: relative;
top: 0px;
left: 0px;
width: 992px;
background-color: white;
float:left;
}


#contenus_univers, #contenus_accueil, #contenus_homepage {
	width: 776px;
        height: 560px;	  /* parceque IE ne comprend pas min-height */
        padding-bottom: 15px;
}

html>body #contenus_univers, html>body #contenus_accueil, html>body #contenus_homepage {          /* opera et moteur gekko */
height: auto;
min-height: 560px;
        padding-bottom: 15px;}	

#entete_univers {
width: 776px;
height: 24px;
color: white;
padding-top: 26px;
font-size:20px;
font-weight: bold;
padding-left:228px;
text-transform:uppercase;
}

#menu_univers {
width: 752px;
padding: 8px 6px 0 18px;
height: 30px;
color: white;
font-size: 12px;
float:left;
display:block;
}

#corps_univers {width: 776px;
height: auto;
}

#colonne_gauche {float: left; 
width: 168px;
padding: 0px 12px 12px 24px;
overflow: hidden;
font-size: 1em;
color: white;
}	

* html #colonne_gauche {       /* hack pour régler le IE float drop */
margin: 0 -3px; ma\rgin: 0;
}

*+html  #colonne_gauche {margin-top: 0; padding-top: 0;}

#partenaires {position: relative;
top: 0px;
left: 10px;
padding-bottom:10px;
width: 150px;
background-color: white;
opacity: 0.95;
}
	
#texte {float: right;
width: 524px;
height: auto;
padding: 18px 24px;
}

#clear {clear:both;
}

#contenus_secondaires {position: absolute; top: 0px; left: 776px; width: 160px; margin-top:-95px; margin-left:25px; color: #050073; }

#liens_permanents {width: 168px;
padding: 3px 20px 20px;
}

#permaliens {width:160px; margin-top:20px;   }
#permaliens ul {list-style:none; margin-bottom:20px; }
#permaliens ul li { border-bottom:1px solid #bdc8cc; padding-bottom:5px; padding-top:5px;}



#bannieres_inter_univers {margin-bottom: 10px; width: 160px; float:left; }

#liens_bas_colonne {position: relative;
left: 0px;
width: 168px;
padding: 6px 10px;
text-align: center;
}

#piedpage {position: relative; 
width: 992px;
clear:both; 
}

#logo_securite_solaire {width: 734px;
height: 5px;
padding: 12px 20px 13px 20px;
text-align: center;
}

#logos_partenaires {position: absolute;
width: 190px;
height: 70px;
padding: 12px 10px 13px 10px;
top: -115px;
left: 775px;
text-align: center;
}

#liens_bas_colonne a { font-weight:normal; text-decoration:none;}
#liens_bas_colonne  a:hover { text-decoration:underline;}

#credits {width: 983px;
height: 25px;	
text-align: center;
color: white;

}

.clear {clear: both;}



/* Définition des styles communs pour les éléments en ligne (textes, titres, liens...) */
#colonne_gauche hr, #texte hr, #contenus_secondaires hr {display: block;   /* parceque IE est incorrect et applique la propriété inline */
text-align: right;
color: black;
background-color: black;
height: 1px;
border: 0;
margin-bottom: 12px;
margin-top: 0px;
_margin: -7px 0; /* Parceque IE ne comprend rien à rien */
}

#texte hr {margin-top: 12px;}


/* Styles des les liens de l'entete univers */

#entete_univers a:link, #entete_univers a:active, #entete_univers a:visited {color: white;
text-decoration: none;
font-weight: bold;}

#entete_univers a:hover {color: white; 
text-decoration: underline;
}

/* Styles des les liens du contenu */

#texte a:link {text-decoration: none; }

#texte a:visited {text-decoration: none;}

#texte a:hover, #texte a:active {text-decoration: underline;}

#texte a img {border: none;}


/* Styles des les liens de la colonne de gauche */

#colonne_gauche li a {
color: white;
}

#colonne_gauche li a:link, #colonne_gauche li a:visited {
text-decoration: none;
}

#colonne_gauche li a:hover {
text-decoration: underline;
color: white;
}

#colonne_gauche li a:active {text-decoration: none;
color: white;
}

#colonne_gauche ul li.actif3 a, #colonne_gauche ul li.actif3 a:link, #colonne_gauche ul li.actif3 a:visited  {

color: #ffffff;
padding-left: 15px;
background-image:url(//www.soleil.info/assets/templates/soleil/images/arrow_actif3.gif);
background-position:left;
background-repeat:no-repeat;
}


/* Styles des les liens de la colonne de droite */

#contenus_secondaires a {font-weight: bold; }

#contenus_secondaires a:link, #contenus_secondaires a:visited, #recherche a:link, #recherche a:visited, #liens_bas_colonne a:link, #liens_bas_colonne a:visited {color: #050073;
text-decoration: none;}

#contenus_secondaires a:hover, #contenus_secondaires a:active, #recherche a:hover, #recherche a:active, #liens_bas_colonne a:hover, #liens_bas_colonne a:active {text-decoration: underline;}


/* Styles des liens du footer */

#credits a:link, #credits  a:visited {color: white;
text-decoration: none;}

#credits a:hover, #credits  a:active {color: white;
text-decoration: underline;}


/* Styles communs pour les listes */

#texte ul, #texte ol {margin: 0px 0px 10px 0px;}
#texte ul ul {margin-top: 4px;}
#texte ul li, #texte ol li  { font-size:1.1em; line-height:1.3em; margin-left:40px; padding-bottom: 0px;}
#texte ul li a, #texte ol li a { font-weight:bold;}

#texte ul li, #texte ul ul {text-align: justify;}


#colonne_gauche ul {list-style-type: none;
margin-left: 6px;}

#colonne_gauche li {padding-bottom: 10px;}

/* Styles communs pour les textes */

#texte p {margin-bottom: 10px;  font-size:1.1em; line-height:1.3em;text-align: justify;}
#texte p a {font-weight:bold; }
#texte p.chapo { margin-bottom:5px; font-size:1.3em; line-height:1.2emmargin-bottom:5px; text-align:left; width:480px;}
#texte .conseil {display: block;
text-align: center;
padding: 8px 0px;
color: #E80000;
font-weight: bold;
}


#texte blockquote {margin: 10px 40px;
text-indent: 20px;
border-left: 2px solid #666; 
letter-spacing: 1px;}


/* Styles communs pour les titres */

#texte h1 { border-bottom: 1px solid #BDC8CC;
    color: black;
    font-size: 2em;
    margin-bottom: 20px;
    padding: 20px 0;
    text-align: left;}

#texte h1:first-child, #texte h2:first-child, #texte h3:first-child {padding-top: 0px;}

#texte h2 { font-size: 1.4em; margin-bottom:10px; padding: 0px; color: black;
}

#texte h2.inscription {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:black;
font-size:1.7em;
margin-bottom:10px;
padding:10px;
text-align:center;
}
span.step_red { color:#FF1818;}

#texte h3 { font-size: 1.2em; padding-bottom: 10px; text-align: left; }

#texte .infotexte {font-size: 0.9em;
display: block;
text-align: left;
padding: 0px 0px 20px;
color: #666;}


/* Contenus */

.note_bas_page {font-size: 10px;
color: #666;
}

#commande {
border-bottom:1px solid #bbbbbb;
height: 150px;
margin-bottom: 15px;
margin-top:20px;
}

#commande_left {
width:380px;
float: left;
display: block;
margin-right: 20px;
}

#commande_right {
float: left;
display: block;
margin-top:50px;
}



#no_commande {
border-bottom:1px solid #bbbbbb;
height: 40px;
text-align: right;
padding-right: 35px;
margin-top: 20px;
}

#valider_commande {
height: 40px;
text-align: right;
padding-right: 35px;
margin-top: 20px;
}

.steps {
margin-bottom:20px;
}


/* Images */

#texte .align_left {float: left;
padding: 3px 10px 5px 0px;}

#texte .align_right {float: right;
padding: 3px 0px 5px 10px;}

/* Stylage du formulaire de recherche AJAX et des résultats de recherche */

/*  Styles AJAX - désactivés 

 #ajaxSearch_output {position: absolute;
top: 70px;
left: 6px;
width: 194px;
padding: 8px;
background-color: white;
z-index: 1000;
text-align: left;
}   */
    
#ajaxSearch_input {width: 90px;   
height: 15px;
font-size: 0.9em;
background-color: #f4f4f4;
margin-right: 3px;
}

html>body #ajaxSearch_input {          

} 

#ajaxSearch_input:hover {background-color: white;}

#ajaxSearch_input:focus {background-color: #ffffcc;
}


#ajaxSearch_submit {font-family: Arial; 
font-size: 10px; 
letter-spacing: 1px;
font-style: normal; 
color: black; 
background-color: #f4f4f4; 
border-style: outset; 
border-width: 1px; 
border-color: #ccc;
display: inline;
}


#recherche label {display: inline;}

div#ajaxSearch_resultListContainer {position: static; }

div.AS_ajax_result {padding: 10px 0px;
}

.AS_ajax_resultLink {padding-top: 12px;

}

div.AS_ajax_extract {

}

div.AS_ajax_extract p {padding-top: 8px;}

p.ajaxSearch_resultsInfo {
padding: 15px 0px 35px 0px;
font-weight: bold;
font-size: 1.3em;
color: black;
letter-spacing: 1px;
}



p#ajaxSearch_intro {display: none;}

.ajaxSearch_highlight {background-color: #FF6A04;}

.ajaxSearch_highlight1 {background-color: #5EB109;}

.ajaxSearch_highlight2 {background-color: #028FBD;}

.ajaxSearch_highlight3 {background-color: #E8BB00;}

#texte span.ajaxSearch_paging {display: block;
padding: 15px 0px 25px 0px;}


/* Style communs pour la mise en forme des brèves */
#intro_univers {width:494px; padding:10px; float:left; display:block; border:5px solid #fff; margin-bottom:20px;}
#intro_univers h2 { margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #fff; }
#intro_univers ul { margin-left:20px;}
#intro_univers ul li { margin-left:0px;}
span.intro_breves, .intro {display: inline-block;
padding: 0px 10px 5px 10px;
margin: 0px;
height: auto;
width: 500px;
}

html>body span.intro {display: block;
padding: 10px 10px 5px 10px;
margin: 10px 0px 10px 0px;
width: auto;
}

/* .intro_breves p, .intro p {padding-bottom: 0px !important;} */

.intro h4 {font-size: 1.1em;
padding-bottom: 6px;}

.infos_breves {padding-bottom: 8px;
padding-left: 8px;
font-size: 0.9em;
color: #666;
letter-spacing: 1px;
}

div.breves {margin-top: 15px;
margin-bottom: 20px;}


/* Styles pour le chemin de navigation */

span.B_crumbBox {display: block;font-weight: normal !important;margin-bottom: 20px;}
a.B_crumb { font-weight:normal; }
/* Styles des formulaires */

#EmailForm {padding: 10px 10px;

}

fieldset {border: none;}

input.submit {background-color: white;
font-family: Arial, Helvetica, sans-serif;}

input {background-color: #ffffff;;
<!---border: 1px solid #ccc;-->
padding: 2px;


    color: #4D4D4D;
    font-size: 0.9em;
    vertical-align: middle;
}

input#username, input#password {width: 90px;}

input:hover{background-color: #f4f4f4;}

input:focus {background-color: white;}


#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	border: 1px solid;
	border-color: #BBBBBB
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	background: transparent;
	font-size: 1.3em;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
}
#corpForm fieldset#commentaire p {	
	text-align: center;
}
input#valid {
	font-size: 1.5em;	/*** le bouton de validation est gros ! ***/
}

input.required, input.invalid {
	background-color: #FFAFAF;
}

form#evaluation input {
	margin-left: 10px;
}


#signup { width:200px; height:20px; margin-right:20px; }
#button_signup { padding-left:20px; padding-right:20px; margin:0px; padding:0px; text-transform:uppercase; height:30px; background:#e4e4e4;}

/* Message d'alerte */

#alert {
border: 1px solid #e80000;
background-color:#ffffff;
padding:10px;
margin-bottom: 20px;
margin-top: 20px;
}

/* Informatique et Liberté */

#informatique_liberte {
margin-top:20px;
float:left;
width:530px;
font-size:0.9em;
color:#6c7375;
}

/* Liens de la boîte partenaires */

#partenaires a {display: block;
text-align: center;
font-weight: bold;}

#partenaires a:link, #partenaires a:visited {text-decoration: none;}

#partenaires a:hover, #partenaires a:active {text-decoration: underline;}

/* Styles pour la gallerie */

fieldset {	
margin-top: 20px;
margin-bottom: 20px;
font-style: normal;
padding: 1em 1em 1em;
border: 1px solid;
border-color: #BBBBBB;
}

legend {	
font-size: 1.3em;
padding: 0px 5px;
font-weight: bold;
background: transparent;
}

div#credits span#nodeo {display: block;
padding-top: 16px;
padding-bottom: 8px;
font-size: 1em;}

/* Lien du plan du site (en dessous de la recherche */

div#recherche a#plan_site {display: block; 
padding-top: 6px; 
text-indent: 18px; 
text-align: right; 
font-weight: bold;
width: auto;}

html>body #plan_site {

}


/* Numéros de pages */

.ditto_page, .ditto_currentpage, .ditto_next_off {padding-right: 6px;
}


/* Vignettes */
#video_zone { float:right; height:auto; width:524px; }
#video_zone h1 { font-size:1.8em; padding-top:0px; margin-bottom:5px; color:#0b054b; }
#video_zone h3 { padding-top:0px; margin-bottom:0px; font-weight:normal; color:#333;}
#video_intro { float:left; margin-bottom:10px; width:524px; }
.info_video { text-transform:uppercase; color:#999; font-size:#999; }
#vignettes {  width:524px; float:right; border-top:1px solid #BDC8CC; margin-bottom:20px;}
#vignettes a { font-weight:bold;}
#vignettes p {padding-bottom:0px; font-size:1.1em;}
#vignettes img.screen { padding:2px; border:1px solid #ccc; }
#vignettes img.screen:hover { padding:2px; border:1px solid #0b054b; }
#vignette_all { width:530px; float:left; text-align:right; margin-top:20px; }
.vignette { width:504px; float:left; padding:10px; border-bottom:1px solid #BDC8CC;}
.vignette:hover { background:#fff;}
.carre_vignette { width: 64px;float: left; margin-right:10px;}
.carre_vignette img { width:64px;}
.date_right { float:right; color:#808080; font-size:0.75em; font-weight:normal; text-transform:uppercase; }
.video_vignette { width:126px;float: left; margin-right:10px;}
.video_vignette img { width:120px; padding:2px; border:1px solid #ccc;}
.texte_vignette {width:424px; float:right; }
.titre_video_vignette {width:368px; float:left; margin-bottom:5px; }
#vignettes h2 { margin-bottom:0px; padding-bottom:0px; font-size:1.2em;}
#vignettes h3 { font-size:1.2em; margin-bottom:0px; padding-bottom:0px;}
.texte_video_vignette {width:300px; float:left; }
.logo_media { float:right; width:50px; text-align:right; margin-top:-5px;}
.logo_media img { width:30px; }
.media_box { text-transform:uppercase; background:#fff; float:right; margin-left:10px; padding:5px; border:1px solid #ccc;  }
.vignette_presse { width:502px; float:left;  border-bottom:1px solid #ccc; padding:10px; }
.vignette_presse:hover { background:#fff;}
.vignette_presse img { border:1px solid #ccc; float:left; margin-right:10px;}
.presse_title { float:left;  font-size:1.3em; width:300px;  }
.presse_intro { margin-top:10px; font-size:0.75em;}
.date_presse { color:#999; text-transform:uppercase; font-size:0.9em;}
.download_presse {float:right; height:40px; width:40px; text-transform:uppercase; }

.liste_logos { width: 58px; text-align: center; float: left;}



/* Définition des styles spécifiques à  l'univers en cours */
body {background-color: #e9f7fa;
}

#entete_principale {background-image: url(https://www.soleil.info/assets/templates/soleil/images/bg_entete_principale_accueil.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

#entete_home {background-image: url(https://www.soleil.info/assets/templates/soleil/images/bg_entete_home2.jpg);
background-position: 0 0; background-repeat: no-repeat; height:70px; left:0; position:relative; top:0; width:992px;
}

#entete_home h2 { margin-left:225px; padding-top:25px; text-indent:-9999px; width:530px;}

#menu {background-image: url(https://www.soleil.info/assets/templates/soleil/images/bg_menu_principal_accueil.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}
#hovermenu { background:url("//www.soleil.info/assets/templates/soleil/images/bg_menuprincipal_home.jpg") scroll no-repeat top left; }
#contenus {background-image: url(https://www.soleil.info/assets/templates/soleil/images/bg_repeat_contenus_accueil.jpg);
background-position: 0 0;
background-repeat: repeat-y;
}  


#piedpage {background-image: url(https://www.soleil.info/assets/templates/soleil/images/bg_footer_accueil.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

#credits, #menu_univers, #entete_univers {color: #050073;}

#menu_univers ul li a:link, #menu_univers ul li a:visited {color: #050073;}

#menu_univers ul li a:hover, #menu_univers ul li a:active {color: #050073;}



#encarts, #col_centrale, #manchette {
height: 525px;	  /* parceque IE ne comprend pas min-height */
}

html>body #encarts, html>body #col_centrale, html>body #manchette  {          /* opera et moteur gekko */
height: auto;
min-height: 525px;
}	

#float-wrap {float:left;
width: 436px;
}

#encarts {position: absolute;
top: 0px;
left: 0px;
width: 144px;
/* margin-right: -144px; */
padding: 0px 8px 10px 24px;
}

#col_centrale {float: right;
width: 240px;
padding: 8px 10px;
margin-top: 10px;
color: white;
height: auto;
}

#edito {padding: 8px 12px;}

#info_conseils {margin-top: 25px;
padding: 8px 12px 12px 12px;
background-color: #2c3fb7;
color: white;
}

#manchette {float: left;
position: relative;
width: 310px;
padding: 18px 20px;
padding-right:0px;
}

#manchette h2 { text-indent:-9999px; background:transparent url(//www.soleil.info/assets/templates/soleil/images/h2_actualites.jpg) scroll no-repeat top left; height:20px; width:320px;}

div.encart_item {padding: 8px 0px;
text-align: center;
}

div.encart_item:first-child {padding-top: 5px;}

/* Styles spécifiques pour les liens */

#encarts a, #manchette a, #col_centrale a {font-weight: normal;
}

#encarts a:link, #manchette a:link, #encarts a:visited, #manchette a:visited  {text-decoration: none;
}

#manchette a:link, #manchette a:visited {color: black;}

#encarts a:hover, #encarts a:active, #manchette a:hover, #manchette a:active {text-decoration: none;
}

#manchette a:hover, #manchette a:active {color: black;}

#edito a:link, #edito a:visited {text-decoration: none;
color: white;}

#edito a:hover, #edito a:active {text-decoration: none;
color: white;}


#info_conseils a {font-weight: normal;
}

#edito h2 a, #info_conseils h2 a {font-weight: bold;}

#info_conseils a:link, #info_conseils a:visited {color: white;
font-size: 1em;
text-decoration: none;
text-align: justify;}

#info_conseils a:hover, #info_conseils a:active {color: white;
font-size: 1em;
text-decoration: none;
text-align: justify;}

#contenus_accueil h2 {font-weight: bold;
font-size: 1.3em;}

#contenus_accueil h3 {font-size: 1.2em; margin-bottom:5px;}

#credits a:hover, #credits a:active {color:#050073;}

#credits a:link, #credits a:visited {color:#050073;}


/* Meteo ID : 54 */
#contenus_accueil a.lien54, #contenus_accueil a.lien54:link, #contenus_accueil a.lien54:visited {font-weight: bold; color:#9D5DAB;}
#contenus_accueil a.lien54:hover, #contenus_accueil a.lien54:active {color:#9D5DAB;
text-decoration: underline;}

/* Docs et Actu ID : 21 */
#contenus_accueil a.lien21, #contenus_accueil a.lien21:link, #contenus_accueil a.lien21:visited {font-weight: bold;color: #2C3FB7;}
#contenus_accueil a.lien21:hover, #contenus_accueil a.lien21:active {color: #2C3FB7;text-decoration: underline;}

/* Ecole ID : 6 */
#contenus_accueil a.lien6, #contenus_accueil a.lien6:link, #contenus_accueil a.lien6:visited {font-weight: bold;
color: #0d6f9e;}
#contenus_accueil a.lien6:hover, #contenus_accueil a.lien6:active {color: #0d6f9e;
text-decoration: underline;}

/* Animation ID : 32 */
#contenus_accueil a.lien32, #contenus_accueil a.lien32:link, #contenus_accueil a.lien32:visited {font-weight: bold;
color:  #76BD2E;}
#contenus_accueil a.lien32:hover, #contenus_accueil a.lien32:active {color:  #76BD2E;
text-decoration: underline;}

/* Famille ID : 43 */
#contenus_accueil a.lien43, #contenus_accueil a.lien43:link, #contenus_accueil a.lien43:visited {font-weight: bold;
color: #EBC526;}
#contenus_accueil a.lien43:hover, #contenus_accueil a.lien43:active {color: #EBC526;
text-decoration: underline;
}

/* Musique ID : 65 */
#contenus_accueil a.lien65, #contenus_accueil a.lien65:link, #contenus_accueil a.lien65:visited {font-weight: bold;
color: #FF8029;}
#contenus_accueil a.lien65:hover, #contenus_accueil a.lien65:active {color: #FF8029;
text-decoration: underline;}

/* Canicule ID : 76 */
#contenus_accueil a.lien76, #contenus_accueil a.lien76:link, #contenus_accueil a.lien76:visited {font-weight: bold;color: #F04E4E;}
#contenus_accueil a.lien76:hover, #contenus_accueil a.lien76:active {color: #F04E4E;
text-decoration: underline;}

/* Sécurité solaire ID : 113*/
#contenus_accueil a.lien113, #contenus_accueil a.lien113:link, #contenus_accueil a.lien113:visited {font-weight: bold;color: #050073;}
#contenus_accueil a.lien113:hover, #contenus_accueil a.lien113:active {color: #050073;
text-decoration: underline;}

/* Styles pour le hover des div */

div.manchette {padding: 10px;}

div.manchette:hover, div.encart_item:hover {background-color: #ffffff;}

div#info_conseils:hover {background-color: #616fc9;}

div#credits span#nodeo {color: #8cd1e8;
}

div#credits span#nodeo a:link, div#credits span#nodeo a:visited {text-decoration: none;
color: #8cd1e8;}

div#credits span#nodeo a:hover, div#credits span#nodeo a:active {text-decoration: none;
color: #5dbfde;}

/* NOUVEAUX STYLES MANCHETTES */
.manchette_new { border-bottom:1px solid #bdc8cc; padding:10px; width:300px; float:left; display:block; }
.manchette_new:hover { background:#fff; width:298px; border-right:2px solid #bdc8cc;  }
.manchette_new p { }
.manchette_new h5 { text-transform:uppercase; font-weight:bold; font-size:0.9em; margin-bottom:2px; }
.manchette_new h3 { font-size:1.3em; margin-bottom:2px; }
.manchette_new span.date_actu { font-weight:normal; color:#707070;}
/* Meteo ID : 54 */
.manchette_new a.lien54, .manchette_new a.lien54:link, .manchette_new a.lien54:visited {font-weight: bold; color:#9D5DAB;}
.manchette_new a.lien54:hover, .manchette_new a.lien54:active {color:#9D5DAB; text-decoration: underline;}
.manchette_img { float:left; width:64px; margin-right:10px; border:none;}
.manchette_img img { border:none; }
.manchette_chapo { float:left; width:220px; }
/* Docs et Actu ID : 21 */
.manchette_new a.lien21, .manchette_new a.lien21:link, .manchette_new a.lien21:visited {font-weight: bold;color: #2C3FB7;}
.manchette_new a.lien21:hover, .manchette_new a.lien21:active {color: #2C3FB7;text-decoration: underline;}

/* Ecole ID : 6 */
.manchette_new a.lien6, .manchette_new a.lien6:link, .manchette_new a.lien6:visited {font-weight: bold;
color: #0d6f9e;}
.manchette_new a.lien6:hover, .manchette_new a.lien6:active {color: #0d6f9e; text-decoration: underline;}

/* Animation ID : 32 */
.manchette_new a.lien32, .manchette_new a.lien32:link, .manchette_new a.lien32:visited {font-weight: bold; color:  #76BD2E;}
.manchette_new a.lien32:hover, .manchette_new a.lien32:active {color:  #76BD2E; text-decoration: underline;}

/* Famille ID : 43 */
.manchette_new a.lien43, .manchette_new a.lien43:link, .manchette_new a.lien43:visited {font-weight: bold; color: #EBC526;}
.manchette_new a.lien43:hover, .manchette_new a.lien43:active {color: #EBC526; text-decoration: underline; }

/* Musique ID : 65 */
.manchette_new a.lien65, .manchette_new a.lien65:link, .manchette_new a.lien65:visited {font-weight: bold; color: #FF8029;}
.manchette_new a.lien65:hover, .manchette_new a.lien65:active {color: #FF8029;
text-decoration: underline;}

/* Canicule ID : 76 */
.manchette_new a.lien76, .manchette_new a.lien76:link, .manchette_new a.lien76:visited {font-weight: bold;color: #F04E4E;}
.manchette_new a.lien76:hover, .manchette_new a.lien76:active {color: #F04E4E; text-decoration: underline;}

/* Sécurité solaire ID : 113*/
.manchette_new a.lien113, .manchette_new a.lien113:link, .manchette_new a.lien113:visited {font-weight: bold;color: #050073;}
.manchette_new a.lien113:hover, .manchette_new a.lien113:active {color: #050073; text-decoration: underline;}

#wrap_home { width:720px; float:left; margin-left:40px; margin-top:20px; display:block;}
#wrap_left { width:401px; float:left; margin-right:9px; }
#wrap_right {  width:310px; float:right; }
#wrap_actu_top { float:right; width:300px; padding-right:10px; background:transparent url("/assets/images/home/bg_actu_top.jpg") no-repeat scroll top left; }
#wrap_actu_bottom { float:right; width:300px; padding-right:10px; padding-bottom:10px; margin-bottom:20px; background:transparent url("/assets/images/home/bg_actu_bottom.jpg") no-repeat scroll bottom left; }
#wrap_meteo, #wrap_sante, #wrap_secusol { width:348px; padding:20px; background:#fff; float:left;}
#wrap_meteo h2, #wrap_sante h2 { font-size:1.3em; margin-bottom:5px; }
#wrap_sante h2 {color:#2c3fb7;}
#wrap_sante a {color:#2c3fb7; text-decoration:none; font-weight:bold; }
#wrap_sante a:hover { text-decoration:underline; color:#2c3fb7;}
#wrap_meteo p, #wrap_sante p { font-size:1.1em; margin-bottom:20px; text-align:justify; }
#wrap_meteo { border:1px solid #7c2492; }
#wrap_sante { border:1px solid #2c3fb7; }
#wrap_secusol { border:1px solid #0c064e; }
#meteo_titre, #sante_titre, #secusol_titre { margin-left:20px; color:#fff; font-weight:bold; padding:5px;  border-bottom:0px; float:left; display:block;}
#meteo_titre { background:#7c2492; }
#secusol_titre { background:#0c064e; }


#sante_titre {background:#2c3fb7; }
#explication_uv { float:left; width:350px;   }
#abonnement_uv { background:none repeat scroll 0 0 #7C2492; border:1px solid #CCCCCC; color:#FFFFFF; float:left; margin-top:20px;
padding:5px; text-align:center; font-size:1.1em;}
#secusol_info { width: 340px; background: none repeat scroll 0 0 #0C064E; color:#FFFFFF; float:left; margin-top:20px; padding:5px; text-align:center; font-size:1.1em;}
#secusol_info a {font-weight:bold; color:#fff; text-decoration:underline;}
#infoadd { width:340px; border:1px solid #CCCCCC; color:#FFFFFF; float:left;padding:5px; text-align:center; font-size:1em;}
#map_titre { font-size:1.1em; margin-bottom:10px; }
#infoadd a { color:#fff; font-weight:bold;}
#infoadd a:hover { text-decoration:underline; color:#fff; font-weight:bold;}
.abosante {background:#2c3fb7;  }
#abonnement_uv a { color:#E0CBE6; }
#abonnement_uv a:hover { color:#fff; }
#titre_focus { width:310px; float:left; background:transparent url("/assets/images/home/bg_h2_actu.jpg") no-repeat scroll top left; }
#titre_focus h2 { padding-left:10px; padding-top:3px; padding-bottom:3px; font-size:1em; color:#fff;  }
#actu_bord a { color:#fff; text-decoration:none; font-weight:normal;}
#actu_bord a:hover { color:#fff; text-decoration:underline; font-weight:normal;}

.actu21 { padding:5px; padding-top:2px; padding-bottom:2px; color:#fff; font-weight:bold; text-decoration:none; background:#2e3eb7; width:270px; float:left;}
.actu54 { padding:5px; padding-top:2px; padding-bottom:2px; color:#fff; font-weight:bold; text-decoration:none; background:#7c2492; width:270px; float:left;}
.actu6 { padding:5px; padding-top:2px; padding-bottom:2px; color:#fff; font-weight:bold; text-decoration:none; background:#028fbd; width:270px; float:left;}
.actu32 { padding:5px; padding-top:2px; padding-bottom:2px; color:#fff; font-weight:bold; text-decoration:none; background:#76BD2E; width:270px; float:left;}

#wrap_focus {float:left; padding:10px; margin:0px; width:280px;   }
#wrap_focus h2 { font-size:1.2em; width:250px; margin-bottom:5px; }
#wrap_focus p { font-size:1.1em; }
#wrap_focus img { width:280px; margin-bottom:10px; border:0px;}
#wrap_map { width:350px; height:350px; display:block; float:left; }
#menu_home { float:left; width:390px; padding-right:10px; padding-bottom:10px; background:#fff url(/assets/images/home/bg_menu_onglets.jpg) scroll no-repeat bottom right; margin-top:10px; }
#wrap_intro { float:left; width:390px; margin-bottom:20px; }
#wrap_intro h2 { font-size:1.5em; color:#0c064e; text-shadow:1px 1px 1px #fff;}
#wrap_intro p { font-size:1.5em; color:#0c064e; font-weight:bold;  }
#wrap_actu { font-weight:normal; float:left; padding-bottom:20px; padding:10px; }
#wrap_actu ul {float:left; list-style-type:none;}
#wrap_actu ul li {border-bottom:1px solid #ccc; padding-top:5px; padding-bottom:5px;}
#wrap_actu ul li a {text-decoration:none; font-weight:normal; color:#455255; }
#wrap_actu ul li a:hover {text-decoration:underline; }
#wrap_actu span.univers { float:left; margin-right:10px; text-transform:uppercase; }
.manchette_news { float:left; width:280px; border-bottom:1px solid #ccc; padding-top:10px; padding-bottom:10px; }
.manchette_univers { float:left; width:65px; }
.manchette_titre { float:right; width:215px; }
.manchette_titre a {text-decoration:none; font-weight:normal; color:#455255; }
.manchette_titre a:hover {text-decoration:underline; }
#wrap_insolites { width:290px; height:150px; float:left;  }
#wrap_conseil { float:right; background:transparent url("/assets/images/home/bg_infoconseils.jpg") no-repeat scroll top left; margin-left:0px; width:250px; height:120px; padding:30px; padding-top:90px; }
#more_infoconseils { margin-top:20px; text-transform:uppercase; background:#f6f481; padding:2px; float:right;}
#more_infoconseils a { text-decoration:none; color:#000; }
#more_infoconseils a:hover { text-decoration:none; color:#000; background:#fff; }
#wrap_conseil p {font-size:1.2em; }
#wrap_conseil p a { color:#050073; text-decoration:none;}
#wrap_conseil p a:hover { color:#000; }

/* Meteo ID : 54 */
#contenus_homepage a.lien54, #contenus_homepage a.lien54:link, #contenus_homepage a.lien54:visited { text-decoration:none; color:#9D5DAB;}
#contenus_homepage a.lien54:hover, #contenus_homepage a.lien54:active { color:#9D5DAB; text-decoration: underline;}

/* Docs et Actu ID : 21 */
#contenus_homepage a.lien21, #contenus_homepage a.lien21:link, #contenus_homepage a.lien21:visited {text-decoration:none; color: #2C3FB7;}
#contenus_homepage a.lien21:hover, #contenus_homepage a.lien21:active {color: #2C3FB7; text-decoration: underline;}

/* Ecole ID : 6 */
#contenus_homepage a.lien6, #contenus_homepage a.lien6:link, #contenus_homepage a.lien6:visited { text-decoration:none; color: #0d6f9e;}
#contenus_homepage a.lien6:hover, #contenus_homepage a.lien6:active {color: #0d6f9e; text-decoration: underline;}

/* Animation ID : 32 */
#contenus_homepage a.lien32, #contenus_homepage a.lien32:link, #contenus_homepage a.lien32:visited {
text-decoration:none; color:  #76BD2E;}
#contenus_homepage a.lien32:hover, #contenus_homepage a.lien32:active {color:  #76BD2E;
text-decoration: underline;}

/* Famille ID : 43 */
#contenus_homepage a.lien43, #contenus_homepage a.lien43:link, #contenus_homepage a.lien43:visited {
color: #EBC526;}
#contenus_homepage a.lien43:hover, #contenus_homepage a.lien43:active {color: #EBC526;
text-decoration: underline;
}

/* Musique ID : 65 */
#contenus_homepage a.lien65, #contenus_homepage a.lien65:link, #contenus_homepage a.lien65:visited {
color: #FF8029;}
#contenus_homepage a.lien65:hover, #contenus_homepage a.lien65:active {color: #FF8029;
text-decoration: underline;}

/* Canicule ID : 76 */
#contenus_homepage a.lien76, #contenus_homepage a.lien76:link, #contenus_homepage a.lien76:visited {color: #F04E4E;}
#contenus_homepage a.lien76:hover, #contenus_homepage a.lien76:active {color: #F04E4E;
text-decoration: underline;}

/* Sécurité solaire ID : 113*/
#contenus_homepage a.lien113, #contenus_homepage a.lien113:link, #contenus_homepage a.lien113:visited {color: #050073;}
#contenus_homepage a.lien113:hover, #contenus_homepage a.lien113:active {color: #050073;
text-decoration: underline;}

#menu_home { 	position: relative; 	width: 390px; 	text-align: left; }
#menu_home * {	margin: 0; 	padding: 0; }
#menu_home ul#selector {	margin-bottom:0px; padding-bottom:0px; float:left; border-right:1px solid #ccc; position: relative;	width: 389px;	font-weight: bold;}
#selector_0 ul li, #selector_1 ul li, #selector_2 ul li { background:transparent url(/assets/images/home/arrow_menu.jpg) no-repeat scroll top left; font-size:1.1em; margin-bottom:10px; list-style:none; padding-left:25px; padding-top:2px; }
#selector_0 ul li a, #selector_1 ul li a, #selector_2 ul li a { font-weight:bold;}
#menu_home ul#selector li {	float: left;	display: inline;}
#menu_home ul#selector li.vousetes {	font-size:1.1em; height:16px; float: left;display: inline; width:64px; padding:5px; background:#E8F6F9; border-bottom:1px solid #ccc; }
#menu_home ul#selector li a {font-size:1.1em;  border-left:1px solid #ccc; border-top:1px solid #ccc; text-align: center;	display: block; 	width: 99px; 	height: 25px; 	line-height: 25px; 	text-decoration: none; width:104px;
}
#menu_home ul#selector li.selector0 a { color:#028fbd;}
#menu_home ul#selector li.selector1 a { color:#5eb109;}
#menu_home ul#selector li.selector2 a { color:#0b054b;}
#menu_home ul#selector li a:hover {	background-color: #fff;}
#menu_home h1, #menu_home h2 { 	margin: 0.5em 0 0.5em 0; 	font-size: 1.4em;}
#menu_home .content {	padding: 10px; padding-bottom:0px; float:left; width: 368px; border:1px solid #ccc; border-top:none; background-color: #fff;}
#menu_home hr {	clear: both;	visibility: hidden;}
#menu_home a.current { background-color: #fff; 	}
#menu_home a.ghost  { 	border-bottom:1px solid #ccc; background-color: #e8f6f9; 	}
#menu_home .on {	display: block;}
#menu_home .off { 	display: none; }

/* GALLERY INSOLITES */

#myGallery, #myGallerySet, #flickrGallery {	width: 299px;	height: 150px;	z-index:5;}
.jdGallery a {	color:#fff; outline:0; }
#flickrGallery { width: 310px; 	height: 200px; }
#myGallery img.thumbnail, #myGallerySet img.thumbnail {	display: none; }
.jdGallery {	overflow: hidden;	position: relative; }
.jdGallery img { 	border: 0; 	margin: 0; }
.jdGallery .slideElement { 	width: 100%;	height: 100%;	background-color: #000; 	background-repeat: no-repeat;	background-position: center center;	background-image: url('//www.soleil.info/assets/images/home/loading-bar-black.gif');}
.jdGallery .loadingElement {	width: 100%;	height: 100%;	position: absolute;	left: 0;	top: 0;	background-color: #000;
	background-repeat: no-repeat;	background-position: center center;	background-image: url('//www.soleil.info/assets/images/home/loading-bar-black.gif');
}
.jdGallery .slideInfoZone {	position: absolute;	z-index: 10;	width: 100%; 	margin: 0px;	left: 0;	bottom: 0; 	height: 40px;
	background: #018ebb;	color: #fff;	text-indent: 0;	overflow: hidden; }
* html .jdGallery .slideInfoZone {	bottom: -1px;}
.jdGallery .slideInfoZone h2 {	padding: 0; margin: 0; font-size:1.2em; margin: 2px 5px;	font-weight: bold;	color: inherit;}

.jdGallery .slideInfoZone p { 	padding: 0; margin: 2px 5px;	color: #eee;}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('/assets/images/home/arrow_left.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('/assets/images/home/arrow_right.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

/* Définition des styles pour le menu principal */
#menu  ul {padding: 0;
margin: 0; 
display: inline;
list-style: none;
background-color: transparent;
}

#menu ul li
{float: left;
width: 107px;
padding-top: 7px;
height: 23px;
color: white;
font-size: 12px !important;
background-color: transparent;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
}



#menu ul li a:link, #menu ul li a:visited 
{display: block;
margin: 0 0 0 0;
text-decoration: none;
color: #f4f4f4;
background-color: transparent ;
}

#menu ul li a:hover, #menu ul li a:active
{display: block;
margin: 0;
border: none;
text-decoration:underline; 
color: white;
background-color: transparent;
}

#menu ul li.actif a:link, #menu ul li.actif a:visited 
{display: block;
margin: 0;
border: none;
text-decoration: none;
color: white;
font-weight: bold;
background-color: transparent;
}

#menu ul li.presse {width: 216px !important;
padding-left: 3px;
}

#menu ul li.meteo {padding-left: 2px;
width: 105px;
}

#menu ul li.docs_actu {padding-left: 2px;
width: 105px;
}

#menu ul li.ecole {padding-left: 4px;
width: 103px;
}

#menu ul li.animation {padding-left: 7px;
width: 100px;
}

#menu ul li.famille {padding-left: 7px;
width: 100px;
}

#menu ul li.musique {padding-left: 11px;
width: 96px;
}

#menu ul li.canicule {padding-left: 13px;
width: 94px;
}




/* SIGNUP BUBBLES */

.hover_container div.bubble {  display: none;  position: absolute;  right: 0;  width: 0;  height: 0; }
.hover div.bubble {  display: block;  cursor: pointer;  z-index: 1000; }
div.bubble div.wrapper {  position: absolute;  top: -40px;  left: 0px; }
div.bubble div.thecontent {  line-height:1.2em; width: 94px;  font-size:0.9em; padding:10px; margin-top:50px;   text-align: left;  color: #000;  white-space: normal;  letter-spacing: normal;  float:left; margin-left:0px;  margin-right:0px; }
.couleur_uv { background:#E0CBE6;}
.couleur_sante { background:#CED2EE;}
.couleur_ecole { background:#B6DEEB;}
.couleur_animation { background:#DAECC4;}
.couleur_famille { background:#FAEEC3;}
.couleur_musique { background:#FFDBC3;}
.couleur_canicule { background:#FAC3C3;}
div.bubble div.thecontent div.arrow {  position: absolute;  top: 18px;  left: 0px;  width: 50px;  height: 40px;  background: url(/images/bubble-arrow.png) no-repeat top left; }
div.bubble div.thecontent div.inner {  padding: 15px;  background: url(/images/bubble-background.gif) no-repeat top left;}
div.bubble div.thecontent div.inner h2 {  font-family: Helvetica, sans-serif;  font-weight: bold;  font-size: 18px;  color: #000;  border: none;  margin: 0; }
div.bubble div.thecontent div.inner p {  font-family: Verdana, sans-serif;  font-size: 12px;  margin-bottom: 0; }
a.hover_target {  color: #fff;	text-transform:uppercase; text-decoration: none;  float:left;  height:15px;  width:94px;  padding:5px; }
.hover_container {  position: absolute;  margin-top: 20px;  margin-left:-109px;}

/* SIGNUP4 ----------------------------------------------------*/

div.masthead h2 strong {	color: #000; }
div.jacket {	height: 360px;	margin: 0 auto;	font-family: helvetica, arial, sans-serif;}
div.short {	width: 160px;	height: 270px;	border: 1px solid #999;	float: left;	margin-top: 22px;	text-align: center;	padding: 10px;	background-color: #fff;}
#menu_nav { 	padding-top:3px; float: left;	text-align: center;		background-image:url("//www.soleil.info/assets/templates/soleil/images/bg_menu_principal_accueil.jpg"); background-position:0 0; background-repeat:no-repeat; width: 974px;	height:27px; padding-left: 20px; }
div.no-r {	border-right: 0;}
div.r-shadow {	background-image: url(images/shadow-right.png);	background-position: right;	background-repeat: no-repeat;}
div.no-l {	border-left: 0;}
div.l-shadow {	background-image: url(images/shadow-left.png);	background-position: left;	background-repeat: no-repeat;}
div.short h1 {	margin: 0;	padding: 0;	font-size: 34px;}
div.short h1,  div.short h1 a, div.short h2 {	color: #333;	text-decoration: none;}
#menu_nav h1,  #menu_nav h1 a {	margin: 0;	padding: 0;	font-size: 42px;	color: #000;	line-height: 1em;	text-decoration: none;}
div.short h2 {	margin: 0 0 2px 0;	padding: 0;	font-size: 20px;	font-weight: normal;}
#menu_nav h2 {	margin: 0 0 2px 0;	padding: 0;	font-size: 24px;	font-weight: normal;	color: #000;}
div.short h3 {	margin: 0 0 15px 0;	padding: 0 0 7px 0;	font-size: 14px;	font-weight: bold;	text-transform: uppercase;	border-bottom: 1px solid #ccc;	font-family: helvetica, arial, sans-serif;	color: #73a1c7;}
#menu_nav h3 {	margin: 0;	padding: 0 0 4px 0;	font-size: 16px;	text-transform: uppercase;	font-weight: bold;	border-bottom: 1px solid #ccc;	font-size: 16px;	color: #4582b5;}
div.short li,  #menu_nav li {	font-size: 14px;	color: #64503f;}
#menu_nav li {	font-size: 16px;}
#menu_nav ul,  div.short ul {	list-style: none;	margin: 0 0 10px 0;	padding: 0;}
#menu_nav ul.highlight, div.short ul.highlight {	margin-top: 0; float:left; }
#menu_nav ul.highlight li, div.short ul.highlight li {	list-style: none;	font-size: 14px;	float:left; 	line-height: 1em;}
#menu_nav li strong,  div.short li strong {	color: #fff;}
#menu_nav ul.highlight li {	font-size: 12px;}
#menu_nav img {	margin: 1px 0 4px 0;}
#menu_nav small {	color: #fff;	font-size: 12px;}
div.under_chart_left,  div.under_chart_right {	width: 362px;	position: relative;	top: -44px;	font-size: 11px;	float: left;} 
div.under_chart_right {	float: right;}
 
 



/* SIGNUP4 ----------------------------------------------------*/

div.bubble div.thecontent div.inner h2 { font-size: 14px; }
div.bubble div.thecontent div.inner p {  font-size: 11px; }

div.no-r {	border-right: 0;}
div.no-l {	border-left: 0;}
div.short li, #menu_nav li {	font-size: 14px;	color: #64503f;	font-family: helvetica, arial, sans-serif;	margin-bottom: 1px;	line-height: 1.1em;}
#menu_nav li {	font-size: 16px;}
#menu_nav ul, div.short ul {	list-style: none;	margin: 0 0 10px 0;	padding: 0;}
#menu_nav ul.highlight, div.short ul.highlight {	margin-top: 0;}
#menu_nav ul.highlight li, div.short ul.highlight li {	list-style: none;	margin-bottom: 3px;	font-size: 20px;	line-height: 1em;	width:104px; display:inline;	margin-right:4px;	height:25px;
}
#menu_nav ul.highlight li {	font-size: 12px;}
div.under_chart_left, div.under_chart_right {	width: 435px;	position: relative;	top: -44px;	font-size: 11px;	float: left;	font-family: verdana;	text-align: center;} 
div.under_chart_right {	float: right;}
div.logos {	width: 240px; 	float: right; 	border: 1px solid #ccc; 	padding: 10px; 	text-align: center;}
div.logos h1 {	font-size: 14px;	margin-bottom: 20px;}
div.logos img {	margin-bottom: 15px;}

#below { float:left; display:block; background:#000; width:900px; height:800px;}


#hovermenu { list-style:none; float:left; padding:left; width:995px; height:30px; padding-left:20px;}
.globalNavMenu { margin-top:2px; display:inline; width:104px; text-align:center; float:left; margin-right:4px; }
.secusol { width:200px; }
.globalNavMenu a { color:#FFFFFF; display:inline; float:left; font-size:1.1em; font-weight:bold; padding:5px; text-align:center; text-decoration:none; text-transform:uppercase; width:94px;  }
.globalNavMenu a.secusol { width:190px;}
.globalNavMenu a:hover { text-decoration:underline;}
.globalNavMenu em { background-color:#FFFFFF; border:1px solid #CCCCCC; color:#999999; display:none; font-size:90%; font-style:normal;
font-weight:normal; padding:3px 4px 5px 8px; position:absolute; text-align:left; top:90px; width:220px; z-index:200;}

/* Définition des styles pour le menu de l'univers */
#menu_univers ul {width: 100%;
list-style-type: none;
background-color: transparent;
margin-left:201px;
height:30px;
}

#menu_univers ul li
{display: inline;
/* width: 102px; */
background-color: transparent;
float:left;
padding-top:5px;
padding-bottom:10px;
}

#menu_univers ul li a:link, #menu_univers ul li a:visited 
{
padding: 10px;
height: 20px;
margin: 0 0 0 0;
text-decoration: none;
color: white;
background-color: transparent ;
font-weight:bold;
}

#menu_univers ul li a:hover, #menu_univers ul li a:active
{
padding: 10px;
padding-top:5px;
padding-bottom:5px;
height: 20px;
margin: 0;
border: none;
text-decoration: underline;
color: white;
background-color: transparent;
}

#menu_univers ul li.actif2 a:link, #menu_univers ul li.actif2 a:visited {
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
padding-bottom:10px;
height: 20px;
margin: 0;
border: none;
text-decoration: none;
color: black;
font-weight: bold;
}

.last_univers {padding-right: 0px !important;
}