.conteneur{min-width:990px;width:auto;background-color:#FFF;margin:0 auto}
* html .conteneur_minwidth_IE{padding-left:990px}
* html .conteneur_container_IE{margin-left:-990px;position:relative}
* html .conteneur_minwidth_IE,* html .conteneur_container_IE,* html .conteneur_layout_IE,{height:1px}
fieldset,h6,label,body,.conteneur{border:0;margin:0;padding:0}
a img{border:0}
body{font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;font-size:80%}
#skip a,#skip a:hover,#skip a:visited{position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden}
#skip a:active,#skip a:focus{position:static;width:auto;height:auto}
.header{background-color:#bde6fa;overflow:auto;margin:0;padding:0}
h1{font-size:1.5em;color:#222;text-align:left;margin:20px 0 30px}
h2{font-size:1.35em}
h3{font-size:1.2em;color:#000}
h4{font-size:1.1em}
h5,h6,label,p,div,td,legend{font-size:1em}
h6,label,legend,span.f_label{color:#316a95;text-align:left}
p,div,td{line-height:1.6em}
abbr {border-bottom:.1em dotted;cursor: help;}
p.pre_liste{margin-bottom:5px}
ul{margin:0;padding:3px 0 5px 15px;list-style-position:inside}
ul.liste_espac li {margin-bottom:15px}
a{color:#069}
table, th, td,tr {border-collapse:collapse;border-spacing:0;border:1px solid #C7C7C7;padding:5px;text-align:center}
th {font-weight:bold;}
.image_article{float:left;margin:0 10px 10px 0;padding:5px}
.image_article_d{float:right;margin:0 0 10px 10px;padding:5px}
div.lien_bas{margin-left:5%}
a.lien_prec{text-decoration:none;color:#2170b3;background:url(../images/arrow_back.gif) center left no-repeat;padding-left:30px;display:block;float:left;height:25px}
a.lien_suiv{text-decoration:none;color:#2170b3;background:url(../images/arrow_fwd.gif) center right no-repeat;padding-right:30px;display:block;float:left;height:25px;margin-left:30px}
#natation_blue{margin-top:0;background-color:#72accf}
#natation_blue a{text-align:left;color:#fff;font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;white-space:nowrap;text-decoration:none}
#natation_blue a{padding:0 15px}
#natation_blue p{color:#fff;font-size:.9em;margin:0;padding:2px 0 4px}
.tn{text-align:center;clear:both;width:99%}
.tn ul{list-style:none;display:block;width:96%;margin:15px auto 25px;padding:0}
.tn li{float:left;text-align:left;width:13%;margin:0 0 0 4px;padding:0;line-height:1.5em}
.tn li a {font-family: "Trebuchet MS",Tahoma, Geneva, Kalimati, "Comic Sans MS",sans-serif;color:#FFF;font-size:1.2em;;padding:0;display:block;width:100%;margin:0;text-decoration:none;background-position:top left;background-repeat:repeat-x;}
.tn li a span {font-weight:900;padding:0 0 0 5%}
.tn li.m_deb a {background:url(/images/menu/fond_debuter2.jpg)}
.tn li.m_tec a {background:url(/images/menu/fond_technique2.jpg)}
.tn li.m_ent a {background:url(/images/menu/fond_entrainement2.jpg)}
.tn li.m_pro a {background:url(/images/menu/fond_enseigner2.jpg)}
.tn li.m_mag a {background:url(/images/menu/fond_actualites2.jpg)}
.tn li.m_for a {background:url(/images/menu/fond_accueil2.jpg)}
.tn li.m_bou a {background:url(/images/menu/fond_boutique2.jpg)}
.tn li.m_ent {width:14%}
#icone-mmob {display: none}
.right_index{float:right;text-align:left;width:25%;margin-right:3%;margin-left:0}
.article_section{width:100%;margin:0 0 4px}
.description_text,.description_text_black{line-height:1.3em;font-size:0.85em;text-align:center}
.description_text{color:#93b8c8}
div.align_c {text-align:center}
div.align_c img {margin:0 auto;width:200px}
.left_navigation{float:left;width:210px;text-align:left;overflow:auto;clear:left;margin:20px 0 0;padding:5px}
.left_navigation img {text-align:center;margin:0px auto}
.left_navigation p.sommaire_g{font-size:1.35em;font-weight:700;margin:10px 0 10px 3px;padding:3px 0 3px 15px}
.left_navigation p{margin-bottom:0}
.left_navigation a,.left_navigation a:visited{font-weight:400;text-decoration:none}
.left_navigation a:hover{color:#2170b3;text-decoration:underline}
.left_navigation ul,.left_navigation li{list-style-type:none;margin:20px 0 0;padding:0}
.left_navigation ul ul.niveau2{margin:0 0 0 20px;padding:0}
.left_navigation ul ul.niveau2 li{margin:5px 0;padding:0}
.left_navigation li a{color:#000;margin-top:20px}
.left_navigation a.actif,.left_navigation a.actif:visited{color:#2170b3;font-weight:700}
.pub_gauche{margin:10px 0 0 15px}
#pub1,#pub2{height:70px}
#pub2{margin:10px 215px 10px 225px}
.article-a{float:right;margin-left:15px;margin-bottom:5px;padding:8px 10px}
.pub_carre_ga{float:left;margin-right:15px;margin-bottom:5px;padding:8px 10px}
.pub4 {margin:15px 0}
.article_main_column,.article_main_column2,.article_main_column3,.article_main_column4,.article_main_column5{text-align:justify;border-right:1px dotted #d5d5d5;border-left:1px dotted #d5d5d5;padding:5px}
div.article_main_column{border:0;margin:20px 120px 0 165px}
div.article_main_column2{margin:20px 230px 0 165px}
div.article_main_column3{clear:both;margin:10px 50px;padding:5px}
div.article_main_column4{margin:5px 225px 0;padding:20px 5px 5px 10px}
div.article_main_column5{margin:5px 70px 0 225px;padding:20px 10px 5px}
.caption{font-size:0.9em;line-height:1.35em;text-align:center;margin:2px auto}
.heading{font-size:1.3em;font-weight:700;color:#2170b3}
p.ariane{margin:0 0 10px;padding:0}
.ariane a,ariane a:visited{color:#2170b3;margin-left:5px}
.ariane a:hover{color:red}
.enseignement h2,.technique h2,.debuter h2,.entrainement h2,.actualites h2, .boutique h2{margin:50px 0 25px}
.green_section{color:#2fb321}
.red_section{color:#b33221}
.orange_section{color:#db8b03}
.blue_section{color:#2170b3}
.blue2_section{color:#1483D2}
.magnifyer a img{display:none;width:0;height:0;border:0}
.magnified a img{position:absolute;z-index:16;right:300px;margin-top:-200px;border:3px solid #C7C7C7;padding:0}
.images_l .magnified a img{left:15%}
.images{width:130px;float:right;margin-left:10px;padding:0}
.images_l{width:130px;float:left;margin-left:10px;margin-right:25px;padding:0}
.images_seule{width:280px;float:right;margin-left:10px;padding:0}
.images img,.images_l img,.images_seule img,.image_article img, .image_article_d img, .img_bor,.articles_lus img{border:1px solid #C7C7C7;padding:3px}
.regular_text_table{margin-right:290px;text-align:justify}
.regular_text_table2{margin-right:140px;text-align:justify}
.explications,.explication{overflow:auto;margin-bottom:10px;width:100%}
.right_column2{width:220px;float:right;text-align:center;margin:15px 0 0;padding:0}
.right_column2 img{width:208px;border:3px solid #C7C7C7;margin-left:auto;margin-right:auto}
.right_column2 .on_web{border-top:1px dotted #C7C7C7;border-bottom:1px dotted #C7C7C7;margin-top:30px;padding:0 0 15px}
.right_column2 .on_web a img{width:36px;height:36px;border:0}
.right_column2 .on_web a{margin-right:10px}
div.source{margin-top:30px;border:1px solid #e7e7e7}
div.source p{text-align:center;margin:0;padding:5px}
.newsletter, .v_bonnets{border-top:1px dotted #d7d7d7;border-bottom:1px dotted #d7d7d7;text-align:left;margin:40px auto 0;padding:0 4px;background-color:#F5F5F5}
.right_column2 div.newsletter p.cold_titre{background:url(/images/mail.jpg) center left no-repeat;padding-left:50px}
.newsletter p{text-align:left;padding:3px}
.right_column2 p.cold_titre,.article_box p.cold_titre{color:#2170b3;font-size:1.2em;font-weight:700;padding:3px}
div.cold{background:#c4d8fd;margin-top:50px;padding:4px}
.sujets_forum{background:#FFF;width:202px;text-align:left;padding:5px}
.sujets_forum p.cold_titre{background:url(/images/bulle.jpg) center left no-repeat;padding-left:50px;margin-left:5px}
.recherche_haut{background-color:#bde6fa;float:right;margin:5px 2% 0 0}
.recherche_bas{padding-left:30px;background-color:#BED8E8;height:5em;clear:both}
.recherche_bas div.form_google{float:left;width:350px;border-right:2px solid #72ACCF;margin:3px 0 0}
.recherche_bas div.form_google form,.recherche_bas div.form_google p{background-color:#BED8E8;margin:0;padding:0}
.recherche_bas label{font-weight:700;font-style:italic;color:#000;margin:0;padding:2px}
.recherche_bas a{margin-right:10px;margin-left:10px;text-decoration:none;color:#000}
.recherche_bas a:hover{text-decoration:underline;color:#39C}
.recherche_bas .rech_frequentes{margin:5px 5px 5px 360px;padding:0 5px}
.recherche_bas .rech_frequentes p{line-height:1.2em;padding:5px 5px 0}
.breakimg{overflow:auto;width:100%}
.liste_bloc{overflow:auto;width:auto}
.liste_bloc ul{margin-top:0;padding-top:0;float:left}
ul.a_lire,.liens_conn ul{margin:0 10px}
ul.a_lire li{margin:0}
li#active{color:#999}
#form_comment p{margin:0;padding:0}
a.external{background:url(/images/external2.png) center right no-repeat;padding-right:20px}
div.pub_amphora,#form_comment{text-align:center}
h4,h5,h6,label,.green_section,.orange_section,.blue_section,.red_section{font-weight:700}
a.textlink,#natation_blue a:hover{color:#2170b3}
a.textlink:hover,.description_text_black{color:#888}
a.textlink:visited{color:#72accf}
#natation_blue,.spacer,#footer{clear:both}
p.invit_com {border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:url(/images/bulle-com.jpg) center left no-repeat; padding:6px 35px;font-weight:bold;color:#316a95;margin:30px 0}
p.article_ref {background:url(/images/livres.png) center left no-repeat; padding-left:35px;height:2.5em;margin-top:20px}
p.lien_stage {margin-left:2%;font-weight:700;background:url(../images/menu_gauche/puce_entr.gif) center left no-repeat;padding-left:15px;font-size:1.05em;color:#2170B3}
p.lien_stage a{color:#000}
p.lien_stage a:hover{color:#FF0000}

.avertissement {padding-left:24px;background:url(/images/warning-p.png) center left no-repeat;}
.validation {padding-left:20px;background:url(/carnet-entrainement/images/valid.png) center left no-repeat;}

/*menu.css*/

@charset "utf-8";
/* CSS Document */

.natation_blue3 {background-color:#72ACCF;width:100%;line-height : 21px}

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge inté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 : center; /* on centre le texte qui se trouve dans la liste */
}

ul#menu {margin:0 0 0 417px}
#menu ul {margin:0}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 1em; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #72ACCF; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 170px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

#menu li.prems {border-left:1px solid #fff;margin:0;padding:0;}

/* IE ne reconnaissant pas le sélecteur ">" */

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
         /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		width:220px;
		border-left:3px solid #ccc;
		border-right:3px solid #ccc;
		border-bottom:3px solid #ccc;
		background-color:#eee;
		padding: 0 4px 3px;
		margin:0;
		z-index:10;
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		border-right : 0;
}

#menu li ul li a {
	background-color:#EEE;
	width:220px;
	border-top:0;
	border-bottom:0;
	color:#72ACCF;
	margin-bottom:0;
	padding:4px 0;
	}
	
#menu li ul li form,#menu li ul li p {
	background-color:#EEE;
	width:480px;
	border-top:0;
	border-bottom:0;
	color:#000;
	margin:0;
	text-align:left;
	padding:10px 2px;
	line-height:1.4em
	}
	
	
#menu form label {width:6em}

#menu li ul li p a {display:inline}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid #fff; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 221px ; /* 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) */
        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 #menu li ul ul                
{
        border-left     : 1px solid #fff ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu 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 */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu 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: 0; /* Corrige un bug sous IE */
}

#menu .li_form:hover ul {
	left: -999em;
        min-height: 0; /* Corrige un bug sous IE */
}

#menu .li_form ul, #menu .li_form ul li{width:500px}

#menu .li_form p a:hover {color:#F00;background:#eee}
#menu #sup_page {font-size:.9em;font-style:italic}


.lien_ajout{background:url(/images/arrow_fwd.gif) center left no-repeat;padding:5px 0 5px 35px}

/*Formulaire de Connexion*/
#shadowing
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#boxtitle
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:100%;
	height:1.5em;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	border-bottom:4px solid #3CF;
	background-color: #376BA0;
	color:white;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

#box_co
{
display: none;
position: fixed;
top: 30%;
left: 30%;
width: 30em;
padding: 0;
margin:0;
border: 1px solid black;
z-index:101;
overflow: auto;
-moz-border-radius:10px 0;
-webkit-border-radius:10px 0;
border-radius:10px 0;
}


span#ferm_co {position:absolute;right:0;top:0;z-index:125;border:0;padding:0;margin:0}
span#ferm_co img,p#ferm_co a{border:0}
div#co_p1{border-bottom:1px solid #ccc;padding:30px 10px 0;background:#eee;height:15em}
div#co_p1 label{float:left;width:8em}
div#co_p1 input{border:1px solid #000;width:15em;height:1.5em}
div#co_p1 p#co_submit{text-align:center;margin-top:1.1em}
div#co_p1 p#co_submit input {color:#fff;font-weight:bold;border:0;width:110px;height:40px;padding-bottom:3px;background:transparent url(/images/bouton.png) no-repeat center center;}
div#co_p1 p#co_submit a{font-size:.85em}
div#co_p2 {background:#fff;padding:3px 10px}

div#co_p1 p#co_submit input:hover{color:#F00;cursor: pointer}
input:focus,textarea:focus,.focus{background-color:#e6f1ff}





@media (max-width: 640px) {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    
	div#menu-complet2a {display: none}
	p#icone-mmob {display: block;padding-left:20px}
	
	body,.conteneur {
        width: auto;
		min-width:0;
        margin: 0;
        padding: 0;
    }
    
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
	
	
	.a_lire, .esp_liens, .liens_conn li a {line-height:2.2em}
	
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }
    
    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

    /* masquer les éléments superflus */

    .hide_mobile, .right_column2, .left_navigation,.rech_frequentes,.recherche_haut {
        display: none !important;
    }
	
	#box_co {top:0;left:0;width:100%}
	div#co_p1 input {width:10em}
	
	ul#menu, .tn {margin:0}
	div.tn ul {margin-bottom:0}
	.recherche_bas div.form_google{width:100%;border-right:0}
	#menu a {width:150px}
	.tn li,.tn li.m_ent{width:10em;margin:0.5em}
	
	div.article_main_column4,div.article_section,div.article_main_column5 {margin:40px 5px 0;padding:10px 5px 5px 10px;clear:both;border-right:0}
    

    body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: #777;
    }
}

@media (max-width: 400px) {
#logo_site {width:100%;margin:0}
div.image_article, div.image_article_d, .article-a, div.sommaire_entrainement,div.sommaire_enseignement,div div.encart_ent, div div.encart_actu, div div.encart_pro {width:100%;}
}