@media screen and (min-width: 1024px){
body { 
width:100%;
margin:0;
padding:0;
font-family:  verdana,arial,helvetica,sans-serif;

background: white;/*#E6F4FF;url(../images/fond_goutte.jpg) #005700 no-repeat bottom fixed; 
		-webkit-background-size: cover; /* pour Chrome et Safari 
		-moz-background-size: cover; /* pour Firefox 
		-o-background-size: cover; /* pour Opera 
		background-size: cover; /* version standardisée */

color:#3e4149;
}
a{
	text-decoration:none;
	border:none;
	background: 0;
	color:#466877;
}
a:hover /* Lorsque la souris passe sur un des liens */    
{
	cursor:Pointer;
	text-decoration:underline;
}
u.dictees{color:red;}
h1 {font-size:35px;color:white;}
h2{font-size:17px;color:white;}
h2.pied_page{padding:0;margin:0;color:#ffffff;}
h3{color:#3e4149;font-size:24px;min-height: -10px;}
.sepbil {
	margin: 5px;
	border-bottom: dashed #CCC thin;
}
img {border: 0;border-radius: 5px;}

#entete_gris{width:100%;height:40px;background: #e8ebf3;}/*pub et barre de recherche*/
#entete_gris_cadre{width:960px;}
#entete_gris_cadre_pub{float:left; margin:3px 0 0 0;padding: 10px 0 0 0;}
#entete_gris_cadre_pub_mob{display:none;}
#entete_gris_cadre_pub_1024px{}
#entete_gris_cadre_rechercher{float:right;width:300px;padding: 5px 0 0 0;}
#rechercher_submit_cadre{margin:7px 0 0 5px;float:right;}
#rechercher_input_cadre{margin:5px 5px 0 0;float:right;}
input.rec_be{
	width:246px;
	height:23px;
	background-color:#F7F7F7;
	border-radius: 5px;
}
input.rec_be[type="submit"]{width:32px;height:32px;background:url(../images/ico_search_32.png) no-repeat;border:0;margin:-7px 0 0 0;}
input.rec_be[type="submit"]:hover{width:32px;height:32px;background:url(../images/ico_search_32.png) no-repeat;border:0;cursor: pointer;}
/*#menuslide {position:absolute;height:28px;background:url(../images/menu_filtre_verre.png) repeat;box-shadow:rgba(0,0,0,1) 3px 3px 15px 0px; z-index:10;border-radius: 3px;}*/

#menu_mob_320px{display:none; }
#astuces_mobile{display:none;}
#menu_mobile{display:none;}
/*#connexion_mobile{display:none;}*/
#boutique_mobile{display:none;}
#rechercher_mobile{display:none;}
#CadreMenuDeroulant{
	position:fixed;
	z-index:9999;
	width:100%;
	margin: -5px 0 0 0;
	padding:0;
	background: white;
	border-bottom: black 2px solid ;
	
}

#MenuDeroulant ul /* Liste */     
{		
        
		padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#MenuDeroulant li/* Elements des listes */      
{ 
		float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
		padding:0; /*padding ou margin : top right bottom left*/
		margin : 0;	
}
#MenuDeroulant li:hover /* Lorsque la souris passe sur un des liens */    
{	
		position:relative;
		z-index:100;   
}
#MenuDeroulant  a.sepbil {display : block;padding:0;margin:0;border-bottom: dotted #cccccc 1px;}
#MenuDeroulant  a.sanssepbil {display : block;padding:0;margin:0;}
#MenuDeroulant  a{
	text-decoration:none;
	border:none;
	background: 0;
	color:#3e4149;
	
}
#MenuDeroulant  a:hover /* Lorsque la souris passe sur un des liens */    
{
	cursor:Pointer;
	text-decoration:none;
	color:#466877;
	
}
#MenuDeroulant ul {clear:both;}
/* Cache ou affiche les listes et sous-listes selon qu'on passe ou non dessus*/
#MenuDeroulant li:hover ul:hover li
{
        left:auto; /* Repositionnement normal */
        min-height: 1%; /* Corrige un bug sous IE */
}
#MenuDeroulant li:hover ul, #MenuDeroulant li li:hover ul
{
        left:auto; /* Repositionnement normal */
        min-height: 1%; /* Corrige un bug sous IE */
}

#MenuDer, #MenuDer ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        /*text-align : center;  on centre le texte qui se trouve dans la liste */
		width : 950px; /* largeur */
		
		font-size:21px;
		background-image:-webkit-linear-gradient(top, #3e4149 0%, #466877 100%);
		
}

/*{ padding:4px; margin:1px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;border-top: solid #eeefef thin;border-right: solid #eeefef thin;border-left: solid #979797 thin;   color:#fff; }/* Ensemble du MenuDeroulant */
#menu_mobile{display:none;}
#MenuDer a.menuder /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 5px; 
        color:white;   		
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */			
}
#MenuDer a.menuder:hover{display : block;border:#999;background:#999;border-radius: 5px;padding : 5px;transition: all .5s;}

#MenuDer li/* Elements des listes */      
{ 
		
        /* pour IE qui ne reconnaît pas "transparent" */
        margin:0 10px 0 10px;
		
		
}


#MenuDer li ul /* Sous-listes */
{ 
		position: absolute; /* Position absolue */
        width: 98.5%; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		
}
#MenuDer li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        clear:both;
		border:#3e4149 2px solid;background:#3e4149;border-radius: 5px;
		
		width:250px;
		text-align:left;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #MenuDer li ul li                
{
        
		margin    : 0; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
		border-top :1px solid transparent;  /*on met une bordure transparente en haut de chaque élément */
		left: -999em; /* Hop, on envoie loin du champ de vision */
}

#MenuDer li ul ul 
{
        margin    : -33px 0 0 250px; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
		width:100%; /* Largeur des sous-sous-listes */
		border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */	
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #MenuDer li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#MenuDer li:hover ul ul, #MenuDer li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#MenuDer li:hover ul, #MenuDer li li:hover ul, #MenuDer li.sfhover ul, #MenuDer li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
		left:auto; /* Repositionnement normal */
        min-height: 1%; /* Corrige un bug sous IE */
}

#accueil_mob{display:none;}
#titre_moteur_recherche{display:none;}
#bouton_standard a{ padding:2px;margin:10px 0 0 0;float:right;border:#3e4149 2px solid;background:#3e4149;border-radius: 5px;color:white;text-decoration : none;}
#bouton_standard a:hover{border:#999 2px solid;background:#999;color:white;}
#bouton_standard_slider a{ padding:2px;margin:10px 0 0 0;border:#3e4149 2px solid;background:#3e4149;border-radius: 5px;color:white;text-decoration : none;}
#bouton_standard_slider a:hover{border:#999 2px solid;background:#999;color:white;}
#bouton_boutique a{float:left;padding:2px;margin:5px 10px 5px 0;border-radius: 5px;width:135px;height:50px;text-align:center;color:#ffffff;text-decoration : none;box-shadow:rgba(0,0,0,1)  5px 5px 5px 0px;}
#bouton_boutique a:hover{box-shadow:rgba(0,0,0,1) 3px 3px 3px 0px;}
.anchor{
  display: block;
  height: 200px; /*same height as header*/
  margin-top: -200px; /*same height as header*/
  visibility: hidden;
}
#commencer_cours{width:500px;float:right;font-size:25px;}
#bouton_commencer_cours a:hover{border:#999 2px solid;background:#999;border-radius: 5px;color:white;}
#bouton_inscription a{padding:2px;margin:10px 5px 0 0;float:right;border:#60a969 2px solid;background:#60a969;border-radius: 5px;color:white;}
#bouton_inscription a:hover{border:#73b37b 2px solid;background:#73b37b;color:white;}
#cadre_li_MenuDeroulant{float:left;}
/*divs qui affichent la galerie jQuery des panneaux importants sur la page d'accueil*/
#cadre_gris_scrolling{min-width:1024px;margin:0 0 0 0;padding:115px 0 0 0;background:#e8ebf3;border-bottom: #cccccc 1px solid ;}/*Qui accueille le scrolling*/
#selection_scolling_bandeau_fond{width:100%;background:url(../images/fond_entete.png) repeat center #005566;padding:10px 0 10px 0;}/* */
#slider{text-align: center;}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:950px;
	height:450px;
}
ol#controls{
		margin:0;
		padding:0;
		height:25px;
		border-radius: 0 0 3px 3px;
		display:inline-block;
		
}
	ol#controls li{
		margin:0 0 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:25px;
		line-height:24px;
		
			
}
	ol#controls li a{
		float:left;
		height:25px;
		line-height:24px;
		padding:3px 12px 3px 12px;
		background: url(../images/001_09.png) no-repeat;
		text-decoration:none;
}
	ol#controls li.current a{
		background: url(../images/001_10.png) no-repeat;
}
ol#controls li a:hover{
		background: url(../images/001_10.png) no-repeat;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}



#corps_blanc_global{width:950px;text-align:left;padding:10px 5px 5px 5px;border-bottom: #cccccc 1px solid ;}
#bande2{width:950px;padding:20px 0 20px 0;}/*bloqué à 950px car le fond du site est déjà blanc*/
#bande1{width:100%;padding:20px 0 20px 0;background:#e8ebf3;}
#bande_titre{color:#3e4149;font-size:24px;}
#twitter{margin:0 0 0 0;}
#nuage_mots_cles{width:950px;}
#partenaires{margin:0 0 0 0;}
#partages{width:950px;}
#pub_bas{margin:-20px 0 0 0;}
#pub_bas_mob{display:none;}
#corps {width:950px;}
#lien_nav{color:white;padding:5px 0 5px 0;}
#pied_page{width:100%;background: #26272c;margin:-20px 0 0 0;}
#pied_page_cadre{width:950px;padding:10px 0 10px 0;text-align:left;}
#pied_page_bloc1{width:200px;float:left;color:white;margin:0 45px 0 0;font-size:14px;}
#pied_page_bloc2{width:200px;float:left;color:white;font-size:14px;}
#pied_page_bloc3{width:500px;float:right;color:white;font-size:14px;}
#pied_page_bloc5{clear:both;font-size:14px;height:160px;}
#pied_page_bloc4{clear:both;color:white;font-size:14px;}
#pied_page_bloc1_mob{display:none;}
#pied_page a{color:#cccccc;}
#pied_page a:hover{color:#ffffff;}
#titres{margin:0 0 -50px 0;}
#boutique_articles{float:left;margin:5px 5px 20px 5px;}
/*#contenu {float: left; width:950px;  text-align:left; margin-bottom:15px;border:1px solid #00FF99; background:#fff;  }*/
/* Input */

/*label
{
	display: block;
	float: left;
	padding-right: 1%;
	text-align: left;
	margin:5px;
}*/
input{

	
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}

textarea{
	
	
	border: #CCC solid thin;
	background-color:#F7F7F7;
	
}

input:focus {
background-color:#E6F4FF;
border-color:#BFCFFF;
}
textarea:focus {
background-color:#E6F4FF;
border-color:#BFCFFF;
}
input.jeux[type="submit"]{ padding:2px;border:#3e4149 2px solid;background:#3e4149;border-radius: 5px;color:white;text-decoration : none;}
input.jeux[type="submit"]:hover{border:#466877 2px solid;background:#466877;color:white;cursor: pointer;}
textarea.correction{
	width:96%;
	height:400px;
	margin-left: 2%;
	padding:0.1%;
	background-color: #F7F7F7;
}
textarea.correction:focus {
background-color:#E6F4FF;
border-color:#BFCFFF;
}
/*bouton retour
.retour
{
	width: 150px;
	line-height:normal;
	margin-left:1%;
	height:18px;
	text-align:center;
	border:#CCC 1px solid;
	font-weight:bold;
	background: url(../images/resultset_previous.png)  20px  no-repeat #F7F7F7;	
}
.retour:hover
{
	margin-left:1%;
	border:#CCC 1px solid;
	background: url(../images/resultset_previous.png)  20px  no-repeat #E9E9E9;
	cursor: pointer;
}
.retour:active
{	background: url(../images/resultset_previous.png)  20px  no-repeat #FFF ; }
/* button submit */


/* button submit */

/* button submit */


input.exo_recommencer[type="button"]
{
	width: 192px;
	line-height:normal;
	margin:2px;
	height:auto;
	text-align:center;
	border:#CCC solid thin;
	font-weight:bold;
	background: #F7F7F7;	
	padding:0.5%;
	box-shadow:rgba(0,0,0,1) 0px 2px 5px;
}
input.exo_recommencer[type="button"]:hover
{
	margin:2px;
	border:#BFCFFF solid thin;
	background: #F7F7F7;
	cursor: pointer;
	box-shadow:rgba(0,0,0,1) 0px 2px 2px;
}
input.exo_recommencer[type="button"]:active
{	background: #BFCFFF ;}
a.exo_recommencer { text-decoration:none;}
a.exo_recommencer  :hover{ text-decoration: none;}


/*table*/

#table_cadre{width:100%;}
#table{display:inline-block;min-width:150px;padding:2px;background :#d4dff6;border:2px solid white;}

#table_cadre_conj_principal{width:100%;clear:both;padding:0 0 10px 0;}
#table_cadre_conj{width:118px;float:left;}
#table_conj{display:inline-block;width:100%;padding:5px 0 0 0;background :#d4dff6;border:2px solid white;height:60px;}

table {border: none;max-width:100%;}
th {border: none;color:black;padding:2px;height:50px;background :#d4dff6;}
th a{ color:#fff; text-decoration:none;}
th a:hover{ color:#fff; text-decoration: underline;}
td {text-align:center;border:none;padding:2px;text-align:left;display: block;
    width: auto!important;}
tr.titretr {border-bottom: none;}
tr {background:#d4dff6; border-bottom:1px; height:0px;}/*Attention, sous IE, seule la dernière "dotted" fonctionne, si je l'emploi à nouveau ailleurs.*/
td:hover{background :#82b2c8;}
/*#FF6347*/

#corps p{
margin: 0.1% 5%;
margin-left:1%;
padding: 1% 0.5% 0.5% 28%;
border-bottom: thin dotted #ccc;
height: 1%;
min-height:5%;
}

/*Zone de navigation*/
#pageNav {
  font: 100% Verdana;
  padding: 3% 0%;
  text-align: center;
}
#pageNav span {
  font-weight: bold;
  padding: 0.3%;
  border: thin solid #BFCFFF;/*bordure*/
  margin-bottom: 5%;
  background-color:#E6F4FF;/*fond*/
  color:#000000;/*texte*/
}
#pageNav a {
  background: #FFF;
  color: #000000;
  text-decoration: none;
  padding: 0.3%;
  border: thin solid #BFCFFF;
}
#pageNav a:hover {
  border-color: #6096BF;
}
#pub_titre{border:#a0824f solid 2px;width:728px;height:15px;margin-top:-12px;margin-bottom:10px;}
#pub_haut{ float:right;display:inline-block;border-left:thin solid #979797; border-bottom:thin solid #979797;background:#ffff64; text-align:left; margin-bottom:2%;margin-top:1%;margin-left:1%;margin-right:1%;padding:1%;}
#newsBar-bar{display:inline-block;background:#fff; color:#000000; text-align:left; margin-bottom:2%;margin-top:1%;margin-left:1%;margin-right:1%;padding:1%;}
#newsBar-bar a{ color:blue; text-decoration:underline; }
#newsBar-bar a:hover{text-decoration:underline;color:blue;}
#newsBar-bar:hover{background:#F7F7F7; color:#000000;}
#pub_gauche{display:inline-block;background:#fff; text-align:left; margin-bottom:2%;margin-top:1%;margin-left:1%;margin-right:1%;padding:1%;}



#lien_boutique  :hover /* Lien menu gauche */     
{
        color :#002b90;
}
#ConteneurMenuDeroulant{padding: 0 0 35px 0;}
#navigation{ margin-left:21%;width:78%;background: #FFF0F5; text-align:left; margin-bottom:1%;border:thin solid #00FF99;padding:0.5%;font-size:90%;margin-top:1%;max-width: 1000px; min-width: 400px;}
#navigation a {text-decoration: none;}
#navigation a:hover{ text-decoration:underline;}
#chat{width:98%;height:1000px;overflow:auto;border:thin solid #1E90FF; background:#fff; padding:1%}
#livre{padding:0.5%;border-top: thin dotted #BFCFFF;
}
#livre:hover{background:#E6F4FF;}
u.sujet{color:#00FF99;}
u.verbe{color:green;}
#legende{float: right;background:#e8ebf3;color:#3e4149;border-radius: 5px; text-align:left; margin:2px;padding:2px;}
#important{float: left;width:98%;background:#e8ebf3;color:#3e4149; border-radius: 5px;text-align:left; margin-bottom:1%;padding:1%;}
#intro{ display:inline-block;text-align:left; margin-bottom:1%;background:#fff;padding:1%;max-width: 1000px;
min-width: 400px; }


/*css des formulaires des exo*/
#exo_vrai{float: left;color:green;  border: thin solid green;background:#FFF0F5; text-align:left; margin:2px;padding:2px;display:inline-block;}
#exo_faux{float: left;color:red;  border: thin solid red;background:#FFF0F5; text-align:left; margin:2px;padding:2px;display:inline-block;}

[bulle_exo_faux] { /* on sélectionne l'attribut data-tip */
    position: relative;
    cursor: help;
	
}
[bulle_exo_faux]:hover:after {
    content: attr(bulle_exo_faux); /* on récupère la valeur de l'attribut data-tip */
    position: absolute;
	z-index:10;
    top: 30px; /* on positionne notre infobulle */
	left: -10px;
    width:350px;
    padding: 5px 10px;
    text-align:left;
	background: url(../images/fond_menu_li_transparent.png) repeat;border-radius: 5px;
    color: #fff;
}

fieldset.radio{background:#E6F4FF;}
input.text_exo{width:10%;}
input[type="button"]:active
{	background: url(../images/tick.png)  12%  no-repeat #FFF ; }
a.button{ color:#fff; text-decoration:none;}
a.button :hover{ text-decoration: none;}
input[type="button"]:hover
{
	margin-left:1%;
	border:#BFCFFF solid thin;
	background: url(../images/tick.png)  12% no-repeat #E6F4FF;
	cursor: pointer;
	padding:0.5%
}

input[type="button"]
{
	width: 190px;
	line-height:normal;
	margin-left:1%;
	height:3%;
	text-align:center;
	border:#CCC solid thin;
	font-weight:bold;
	background: url(../images/tick.png)  12% no-repeat #F7F7F7;	
	padding:0.5%
}



input.radio  {
	width: 3%;
	margin-left: 1%;
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}
/******affichage de l'explication de la mauvaise réponse dans les exerccices si on survole les mots "mauvaise réponse"*****/
#MauvaiseReponse, #MauvaiseReponse ul /* Liste */     
{
        padding : 0%; /* pas de marge intérieure */
        margin : 0%; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
		width : 15%; /* largeur */
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%;  background :#EDEFEE; color:green;
}
#BonneReponse{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%; color:green;}
#MauvaiseReponse :hover{background :#EDEFEE;}
#MauvaiseReponse li/* Elements des listes */      
{ 
		float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
		width : 100%;
}
#MauvaiseReponse li ul /* Sous-listes */
{ 
		position: absolute; /* Position absolue */
        width: 50%; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#MauvaiseReponse li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        clear:both;
		border: 1px solid red; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #MauvaiseReponse li ul li                
{	
		border :1px solid red; /* on met une bordure transparente en haut de chaque élément */
		left: -999em; /* Hop, on envoie loin du champ de vision */
}
#MauvaiseReponse li:hover ul, #MauvaiseReponse li li:hover ul, #MauvaiseReponse li.sfhover ul, #MauvaiseReponse li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left:auto; /* Repositionnement normal */
        min-height: 1%; /* Corrige un bug sous IE */
		
}
/******tableau du formulaire de la page signaler une erreur*******/
#tab_erreur td
{
	border-right:thin dotted #ccc;text-align:left;width:20%;
}
#tab_erreur textarea 
{
	width :96%;height:100px;overflow: auto;
}
#tab_erreur select
{
	width:96%;
	margin-left: 2%;
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}
#tab_erreur input
{
	width:96%;
	margin-left: 2%;
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}
/*********************************************************
/*nuage de mots clès*/

#tagcloud {									
	text-align: center;
	
}
#tagcloud a {
	text-decoration:none;
	background:#ffffff;border:1px solid #e8ebf3;border-radius:5px;
	
}
#tagcloud a:hover {
	text-decoration:none;
	background:#7e71f9;border-radius:5px;color:white;
	
	
}
#pg1-1 {
	color:#22688a;
	font-size: 22px;
}
#pg1-2 {
	font-size:18px;
	color:#458bac;
}
#pg1-3 {
	font-size: 14px;
	color:#2d779a;
}
#pg1-4 {
	font-size: 10px;
	color:#5fa2c1;
}
#pg1-5 {
	font-size: 6px;
	color:#a4a2c1;
}
.sign, .sign a{
	font-size: 2px;
	color: #BFBFBF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#lettre{padding:5px;width:100%;border:1px blue solid;}
#corps_lettre{float:right;margin-right:130px;}
#entete_entete_lettre{background:#d4dff6;}
#introduction_introduction_lettre{background:#98FB98;}
#developpement_developpement_lettre{background:#FFB6C1;}
#proposition_proposition_lettre{background:#FFDAB9;}
#politesse_politesse_lettre{background:#DCDCDC;}
div.cart_titre{float:left;padding:5px;background:#e8ebf3;font-size:16px;color:#3e4149;border-radius:5px;}
div.cart_bulle{float:left;padding:5px;margin:10px;background:#e8ebf3;font-size:15px;color:#3e4149;border-radius:5px;}
img.cart_titre{float:left;padding-right:5px;padding-top:-5px;}
div.cart_attention{float:left;padding:5px;font-size:16px;color:red;border-radius:3px;background:#d4dff6;}
div.cart_partage{padding:5px;font-size:20px;height:25px;background:#5590ab;color:white;border-radius:5px;}
#cartouche_partage{border:#5590ab 2px solid;background:#d4dff6;width:500px;border-radius:5px;}
#cartouche_lien{border:#5590ab 2px solid;background:#d4dff6;width:450px;height:35px;padding:10px;text-align:center;margin:10px 0 10px 0;}
#sep_titre{background:#cccccc;width:100%;height:1px;margin:-5px 0 5px 0;}
#sep_titre_menu{background:#cccccc;width:100%;height:1px;}
a.ico_regle{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_15.png) no-repeat;}
a.ico_regle:hover{background:url(../images/001_15_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_conf{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_18.png) no-repeat;}
a.ico_conf:hover{background:url(../images/001_18_sombre.png) no-repeat;cursor:pointer;border:none;}
input.ico_plus[type="button"]{border:none;float:right;width:26px;height:26px;background:url(../images/001_01.png) no-repeat;}
input.ico_plus[type="button"]:hover{background:url(../images/001_01_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_barre{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_41.png) no-repeat;}
a.ico_barre:hover{background:url(../images/001_41_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_blog{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:5px;background:url(../images/001_44.png) no-repeat;}
a.ico_blog:hover{background:url(../images/001_44_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_jeux{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_45_clair.png) no-repeat;}
a.ico_jeux:hover{background:url(../images/001_45_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_livre{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_14.png) no-repeat;}
a.ico_livre:hover{background:url(../images/001_14_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_salon{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_50_clair.png) no-repeat;}
a.ico_salon:hover{background:url(../images/001_50_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_rech{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_37.png) no-repeat;}
a.ico_rech:hover{background:url(../images/001_37_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_bout{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_48.png) no-repeat;}
a.ico_bout:hover{background:url(../images/001_48_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_liens{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_40.png) no-repeat;}
a.ico_liens:hover{background:url(../images/001_40_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_dictees{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_45_clair.png) no-repeat;}
a.ico_dictees:hover{background:url(../images/001_45_sombre.png) no-repeat;cursor:pointer;border:none;}
#dictees{width:100%px;background:#e8ebf3;border-radius:5px;padding:5px}
input.correction_dictee{background:url(../images/001_06.png) no-repeat;border:none;width:275px;color:#466877;text-decoration:none;padding:0 0 0 10px;font-family:Helvetica, Arial;font-size:17px;}
input.correction_dictee:hover{background:url(../images/001_06.png) no-repeat;border:none;text-decoration:underline;padding:0 0 0 10px;}
#telecharger_dictee{background:url(../images/001_52.png) no-repeat;border:none;width:auto;height:25px;color:#466877;text-decoration:none;padding:0 0 0 25px;font-family:Helvetica, Arial;font-size:17px;float:right;}
#telecharger_dictee:hover{background:url(../images/001_52.png) no-repeat;border:none;text-decoration:underline;padding:0 0 0 25px;float:right;}
input.impression_dictee{background:url(../images/printer.png) no-repeat;border:none;width:115px;color:#466877;text-decoration:none;padding:0 0 0 10px;font-family:Helvetica, Arial;font-size:17px;}
input.impression_dictee:hover{background:url(../images/printer.png) no-repeat;border:none;text-decoration:underline;padding:0 0 0 10px;}
input.fermer_dictee{float:right;background:url(../images/001_05.png) no-repeat;border:none;width:100px;color:#466877;text-decoration:none;padding:0 0 0 10px;font-family:Helvetica, Arial;font-size:17px;}
input.fermer_dictee:hover{background:url(../images/001_05.png) no-repeat;border:none;text-decoration:underline;padding:0 0 0 10px;}
#texte{text-align:left;width:100%;background:#E6F4FF;padding:5px;border-radius:5px;margin:10px 0 0 0;}
input.facebook[type="button"] {
	background: url(../images/facebook.png) no-repeat;
	width:24px;
	height:24px;
	border:none;
	margin:5px 0 0 5px;

}
input.twitter[type="button"] {
	background: url(../images/twitter.png) no-repeat;
	width:24px;
	height:24px;
	border:none;
	margin:5px 0 0 0;
}
input.potati[type="button"] {
	background: url(../images/potati_macaron.png) no-repeat;
	width:100px;
	height:116px;
	border:none;
	margin:5px 0 0 0;
}
#cadre_hautbas{margin:5px 2px 0 0;padding:1px;position:fixed;z-index:10000;padding:1px;background:#5590ab;border-radius:5px;box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px;}
input.haut[type="button"] {
	cursor:Pointer;
	background: url(../images/001_24.png) no-repeat;
	width:25px;
	height:26px;
	border:none;
	
	
}
input.haut[type="button"]:hover {
  cursor:Pointer;
  background: url(../images/001_24_gris.png) no-repeat;
}
input.bas[type="button"] {
	cursor:Pointer;
	background: url(../images/001_22.png) no-repeat;
	width:25px;
	height:26px;
	
	border:none;
}
input.bas[type="button"]:hover {
  cursor:Pointer;
  background: url(../images/001_22_gris.png) no-repeat;
}
#message_erreur{color:red;}
#message_confirmation{color:green;}
/*css modeles lettres payants*/
#ajax_modele{border:1px solid #80C9FF;padding:4px;border-radius: 5px;}
#menu_modele{border:1px solid #80C9FF;padding:4px;border-radius: 5px;}
img.photo_produit{box-shadow:rgba(0,0,0,1) 0px 2px 5px;border:10px solid white;margin:5px;}
#courriel_modele{width:250px;}
input.commande_modele[type="submit"]
{
	width: 192px;
	line-height:normal;
	margin-left:1%;
	height:3%;
	text-align:center;
	border:#CCC solid thin;
	font-weight:bold;
	background: url(../images/tick.png)  12% no-repeat #F7F7F7;	
	padding:0.5%;
	box-shadow:rgba(0,0,0,1) 0px 2px 5px;
	border-radius: 5px;
}
input.commande_modele[type="submit"]:hover
{
	margin-left:1%;
	border:#BFCFFF solid thin;
	background: url(../images/tick.png)  12% no-repeat #F7F7F7;
	cursor: pointer;
	padding:0.5%;
	box-shadow:rgba(0,0,0,1) 0px 2px 2px;
	border-radius: 5px;
}
/* button submit */
input.commande_modele[type="submit"]:active
{	background: url(../images/tick.png)  12%  no-repeat #BFCFFF ; border-radius: 5px;}
img.ico_modele{margin:10px 5px -10px 5px;}
input[type=radio]
{	
	background-color:transparent;
	border:none;
	width:20px;
	margin:0;
}
input[type=checkbox]
{	
	background-color:transparent;
	border:none;
	width:20px;
	margin:0;
}
input.youtube[type="button"] {
	background: url(../images/bouton_youtube.png) no-repeat;
	width:68px;
	height:68px;
	border:none;
	margin:5px 0 0 5px;
}
input.youtube:hover[type="button"] {background: url(../images/bouton_youtube_survol.png) no-repeat;}
input.facebook[type="button"] {
	background: url(../images/bouton_facebook.png) no-repeat;
	width:68px;
	height:68px;
	border:none;
	margin:5px 0 0 5px;
}
input.facebook:hover[type="button"] {background: url(../images/bouton_facebook_survol.png) no-repeat;}
input.twitter[type="button"] {
	background: url(../images/bouton_twitter.png) no-repeat;
	width:68px;
	height:68px;
	border:none;
	margin:5px 0 0 0;
}
input.twitter:hover[type="button"] {background: url(../images/bouton_twitter_survol.png) no-repeat;}
}
input.bouton_haut[type="button"] {
	background: url(../images/fleche-haut.png) no-repeat;
	width:68px;
	height:68px;
	border:none;
	margin:5px 0 0 0;
}
input.bouton_haut:hover[type="button"] {background: url(../images/fleche-haut-survol.png) no-repeat;}
}