/* 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: #028FBD;}

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

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

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

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

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

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

#corps_univers {
background-image: url(https://www.soleil.info/assets/templates/soleil/images/bg_corps_univers_ecole.jpg); background-position: 0 0; background-repeat: no-repeat;
 }
#partenaires {
background: #fefbf2 url(https://www.soleil.info/assets/templates/soleil/images/bg_partenaires_ecole.jpg); background-position: top left; background-repeat: no-repeat;
padding-top:10px;
}

#partenaires_bottom {
background: transparent url(https://www.soleil.info/assets/templates/soleil/images/bg_part_ecole_bottom.jpg); background-position: bottom  left; background-repeat: no-repeat;
width:150px;
margin-left:10px;
height:14px;
display:block;
float:left;
}

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

}



span.intro_breves, .intro, #intro_univers {background-color: #b6deeb;
}

/* Styles spécifiques pour les liens */

#texte a:link, #partenaires a:link {color: #028FBD;}

#texte a:visited, #partenaires a:visited {color: #028FBD; }

#texte a:hover, #texte a:active, #partenaires a:hover, #partenaires a:active {color: #028FBD;}

div#credits span#nodeo {color: #67bcd7;
}

/* Styles spécifiques aux boutons */

.buttons {
display:block;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}

.buttons a, .buttons button{
width:400px;    
display:block;
    margin-bottom: 20px;
    margin-top: 10px;
    background-color:#f5f5f5;
    border:2px solid #c3cbce;
    border-top:2px solid #e9eef0;
    border-right:2px solid #e9eef0;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:120%;
    line-height:180%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
   margin:auto;
   padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button.positive, .buttons a.positive{
    color:#028fbd;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#b6deeb;
    border:2px solid #028fbd;
    border-top:2px solid #028fbd;
    border-bottom:2px solid #028fbd;
    color:#028fbd;
}
.buttons a.positive:active{
    background-color:#028fbd;
    border:2px solid #fff;
    color:#fff;
}

#highlight_adresse {
margin-bottom:10px;
border-bottom:1px solid #ccc;
float:left; 
width:530px;
}
#highlight_adresse p { text-transform:uppercase; text-align:left; }
span.smaller { font-size:0.8em; font-weight:normal; }
span.commander {
font-weight: bold;
color: #028fbd;
}

#navig_ecole {
padding:10px;
background-color:#ffffff;
border: 1px solid #c3cbce;
height: 15px;
margin-top:15px;
float:left;
width:504px;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

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

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

#etablissement_code_postal, #code_postal_commande {width:50px}

.step {color:#028FBD}

#menu_univers ul li.actif2 a:link, #menu_univers ul li.actif2 a:visited {
background:#f1f9fc;
}

#actions_prevention { float:left; width:524px; border-top:1px solid #c3cbce; }
#actions_prevention h2 {padding-left:30px; background: transparent url(../assets/images/univers_ecole/check_h2.png) scroll no-repeat top left;}
.action_prev { background:none; width:504px; float:left; border-bottom:1px solid #c3cbce; padding:10px; padding-top:20px; padding-bottom:20px;}
.action_prev:hover { background:#fff;; }
.action_prev img { float:right; margin:10px; margin-right:0px; margin-top:10px; border:5px solid #fff;}
span.bleu { color:#028FBD; }


#inscription_start { margin-top:20px; margin-left: -24px; background:transparent url(//www.soleil.info/assets/images/univers_ecole/inscription_signup_bg.jpg) no-repeat top right;   height:280px; width:507px; float:left; padding:20px; padding-bottom:0px; padding-top:30px; }
#inscription_start .signup { float:right; }
#inscription_start .signup h2 { width:180px; height:20px; background:transparent url(//www.soleil.info/assets/images/univers_ecole/inscription_start_h2.jpg) no-repeat top left; text-indent:-9999px; margin:auto; margin-bottom:5px;  }
#inscription_start .signup p { text-align:center; font-family:helvetica;}
#inscription_start .signup p.baseline { font-size:1.3em; margin-bottom:20px;}
#inscription_start .image { float:left; width:180px;  }
#inscription_start .signup { float:right; width:324px;  }
#inscription_start .signup input.signup { cursor:pointer; color:#fff; font-family:arial; text-transform:uppercase; font-size:0.95em; margin-right:72px; border:none; background:transparent url(//www.soleil.info/assets/images/univers_ecole/inscription_signup_button.jpg) no-repeat top left; width:180px; height:40px;  letter-spacing: 0; font-weight:bold; }
.signup_button { width:324px; float:left;  margin-top:10px; margin-bottom:20px;}
.deja_inscrit { color: #4D4D4D;     margin: auto; text-align: center;   width: 180px; }
.deja_inscrit a { font-weight:bold; }
#verif_inscrip { margin-left:-24px; padding-left:24px; float:left; width:524px; background:transparent url(//www.soleil.info/assets/images/univers_ecole/inscription_verif_arrow.jpg) no-repeat top left;}
.verif_inscrip { float:left; width:300px;   }
.verif_phrase { float:left; width:320px; }
.verif_form { float:right; width:160px; margin-right:20px; }
.input_verif  {    height: 20px;    width:40px; margin-left: 10px;    margin-right: 5px;   }
.button_verif { cursor:pointer; border:none; height:25px; width:85px; text-indent:-9999px; background:transparent url(//www.soleil.info/assets/images/univers_ecole/inscription_verif_button.jpg) no-repeat top left; }
.verif_left {float:left; width:320px;}
#verif_dptmt { float:left; width:524px; margin-bottom:0px;}
#dptmt_check {   width:519px; color: #4D4D4D;    float: left;    margin-bottom: 20px;    padding-left: 5px;}
.dptmt_red {  border-left: 2px solid #FF0000;    }
.dptmt_green {  border-left: 2px solid #188e26;     color: #4D4D4D;    float: left;    margin-bottom: 20px;    padding-left: 5px;}
.green { color:#188e26; font-weight:bold; }
.red { color:#FF0000; font-weight:bold; }
#inline_example1 { font-size:1.1em; }
#inline_example1 h2 { margin-bottom:20px;  }
#inline_example1 p { margin-bottom:20px; }
#inline_example1 .button_recevoir { float:right; cursor:pointer; color:#fff; font-family:arial; text-transform:uppercase; font-size:0.95em; border:none; background:transparent url(//www.soleil.info/assets/images/univers_ecole/inscription_signup_button.jpg) no-repeat top left; width:180px; height:40px;  letter-spacing: 0; font-weight:bold; }
#inline_example1 .input_mail {   height: 20px;     margin-right: 20px;    width: 200px; }
#conditions h3 { margin-bottom:0px; padding-bottom:0px; }
#conditions p { margin-bottom:10px;  color:#414141;}
.input_signup {   height: 20px;     width: 280px;    background-color: #f4f4f4; color: #4D4D4D; font-size: 0.9em;     vertical-align: middle; }

/* 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;
}

/* Définition des classes dynamiques pour les articles liés */
#texte h5.lire_aussi {font-size: 1em;
text-transform: uppercase;
padding-bottom: 15px;
margin-top: 30px;
padding-top: 10px;
}

/* Styles pour les listes et liens des articles liès (classe dynamique affectée en fonction du parent ul#articles_liestime) */

ul#articles_lies { background:none repeat scroll 0 0 #FFFFFF; border:2px solid #C6C7CC; float:left;
list-style-type:none; padding:20px; width:480px; padding-bottom:10px; }
ul#articles_lies li { margin-left:0px; line-height:12px; margin-bottom:10px; }
/* Meteo ID : 54 */

ul#articles_lies li.liste54 a.lien54, ul#articles_lies li a.lien54:link, ul#articles_lies li.liste54 a.lien54:visited {color:#9D5DAB;}

ul#articles_lies li.liste54 a.lien54:hover, ul#articles_lies li a.lien54:active {color:#9D5DAB;
text-decoration: underline;}

/* Docs et Actu ID : 21 */

ul#articles_lies li.liste21 a.lien21, ul#articles_lies li a.lien21:link, ul#articles_lies li.liste21 a.lien21:visited {color: #2c3fb7;}

ul#articles_lies li.liste21 a.lien21:hover, ul#articles_lies li a.lien21:active {color: #8B96D7;
text-decoration: underline;}

/* Ecole ID : 6 */

ul#articles_lies li.liste6 a.lien6, ul#articles_lies li a.lien6:link, ul#articles_lies li.liste6 a.lien6:visited {
color: #0d6f9e;
}

ul#articles_lies li.liste6 a.lien6:hover, ul#articles_lies li a.lien6:active {color: #0d6f9e;
text-decoration: underline;
}

/* Animation ID : 32 */

ul#articles_lies li.liste32 a.lien32, ul#articles_lies li a.lien32:link, ul#articles_lies li.liste32 a.lien32:visited {
color:  #76BD2E;
}

ul#articles_lies li.liste32 a.lien32:hover, ul#articles_lies li a.lien32:active {color:  #76BD2E;
text-decoration: underline;}

/* Famille ID : 43 */

ul#articles_lies li.liste43 a.lien43, ul#articles_lies li a.lien43:link, ul#articles_lies li.liste43 a.lien43:visited {
color: #EBC526;
}


ul#articles_lies li.liste43 a.lien43:hover, ul#articles_lies li a.lien43:active {color: #EBC526;
text-decoration: underline;
}


/* Musique ID : 65 */

ul#articles_lies li.liste65 a.lien65, ul#articles_lies li a.lien65:link, ul#articles_lies li.liste65 a.lien65:visited {
color: #FF8029;
}

ul#articles_lies li.liste65 a.lien65:hover, ul#articles_lies li a.lien65:active {color: #FF8029;
text-decoration: underline;
}

/* Canicule ID : 76 */

ul#articles_lies li.liste76 a.lien76, ul#articles_lies li a.lien76:link, ul#articles_lies li.liste76 a.lien76:visited {color: #F04E4E;}

ul#articles_lies li.liste76 a.lien76:hover, ul#articles_lies li a.lien76:active {color: #F04E4E;
text-decoration: underline;}

.span_artlie { padding:2px; float:left; width:65px; margin-right:10px;}
a.univers_artlie { color:#fff; text-transform:uppercase;}
.color113 { background:#172882; }
.color54 {background:#7c2492; }
ul#articles_lies li.li113 a, ul#articles_lies li.li76 a, ul#articles_lies li.li43 a, ul#articles_lies li.li32 a, ul#articles_lies li.li54 a, ul#articles_lies li.li6 a, ul#articles_lies li.li21 a, ul#articles_lies li.li65 a { line-height:20px; color:#455255; font-size:0.9em; font-weight:normal; margin-bottom:10px; padding-left:10px;
}
ul#articles_lies li span { text-indent:-9999px; width:65px;  float:left; height:20px; background:url(//www.soleil.info/assets/templates/soleil/images/fond_mini_icone_univers.jpg) no-repeat scroll top left; }
ul#articles_lies li span a { text-indent:-9999px; width:55px; padding:5px: float:left; }
ul#articles_lies li span.color54 { background-position:0px top;  }
ul#articles_lies li span.color21 { background-position:-65px top;  }
ul#articles_lies li span.color32 { background-position:-130px top;  }
ul#articles_lies li span.color6 { background-position:-195px top;  }
ul#articles_lies li span.color43 { background-position:-325px top;  }
ul#articles_lies li span.color65 { background-position:-390px top;  }
ul#articles_lies li span.color113 { background-position:-455px top;  }
.color6 { background:#028fbd; }
.color32 { background:#5eb109; }
.color43 { background:#e8bb00; }
.color65 { background:#ff6a04; }
.color76 { background:#e80000; }
.solid { float:left; width:65px; margin:0px; padding:0px; height:20px;}