@charset "UTF-8";
/*........................................................................................................DivFaceBox............*/

#DivFaceBox a{
    text-decoration:none;
    color:#e7eceb
}
#DivFaceBox a:hover{
    text-decoration:none;     
    color:#000000
}
/*..........................................................................................
..........................................grand cadre ......................ParagrapheFaceBox
...........................................................................................*/
#DivFaceBox{
    position:relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    width: 674px;
    background-color:transparent !important;
    color:#000000;
    padding:0; 
    border:none !important;
    border: 2px solid #1b1d1c;
    margin:0;
    left: 50%; 
    margin-left:-318px ; /*moitié de la largeur*/
    margin-top:5%
}

#DivFaceBox .cadre_grand_haut{
    width:588px;
    height:32px;
    position:relative;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    color:#e7eceb;
    background:transparent url(../images_site/fond_p_haut.png) no-repeat;
    padding:30px 40px 0 40px;
    margin:3px auto 0 auto
}
#DivFaceBox .cadre_grand_haut img{
    position:absolute;
    cursor:pointer;
    top:15px;
    left:600px
}
#DivFaceBox .cadre_grand_haut span{
    margin-left:50px
}
#DivFaceBox .cadre_grand_bas{
    width:588px;
    background:transparent url(../images_site/fond_p_bas.png);   
    background-position:bottom !important;
    padding:10px 40px 25px 40px;
    margin:0 auto 3px auto
}
#DivFaceBox .logo1{
    position:absolute;
    z-index:5;
    width:170px;
    height:36px;
    background:transparent url(../images_site/sprite.jpg) -244px -540px  no-repeat;
    top:52px;
    left:50px
}
.ie6 #DivFaceBox .cadre_grand_bas{
    background-image:url(../images_site/fond_p_bas.gif)
} 
.ie6 #DivFaceBox .cadre_grand_haut{
    background-image:url(../images_site/fond_p_haut.gif)
}
/*.....................................................................................................
...................................................................................IdentificationFaceBox
.....................................................................................................*/
#DivFaceBox .formulaireLogin{
    width:30%;
    padding:2%;
    border: 1px solid #e7eceb;;
    margin:0 auto 30px auto
}
#DivFaceBox .formulaireLogin label{
    font-size:11px;
    background:none;
    padding:0;
    border: none
}
#DivFaceBox .champ-titre{
    width:97%;
    margin-bottom:10px;
    background-color:#bac0c0
}
#DivFaceBox .form_bouton,#popup_content .form_bouton{
    margin:15px 5px 0 0;
    padding:0 1px 1px 1px;
    font-size:11px;
    color:#c6cccb;
    background-color:#3d4b48;
    margin-bottom:10px;
    cursor:pointer;
    width:auto
}
#DivFaceBox .image_ico_edition{
    border:none
}
#admin .rouge, #DivFaceBox .rouge{
    color:#FF9900
}
#popup_container #popup_prompt{
    color: #000;
    background-color:#d7dada
}
/*.....................................................options-de-cotisations*/
.options-de-cotisations{
	position:relative;
	width:50%;
	background-color:#bac0c0;
	margin-bottom: 10px;
	padding:2px 2px 2px 0;
	border:2px solid; 
	border-color: #979797 #e3e3e3 #e3e3e3 #979797;
}
.options-de-cotisations::after{
	content: "^";
	position:absolute;
	font-weight:bold;
	transform: rotate(180deg);
	right: 3px;
	top: -1px;
	font-size: 12px;
}
.options-de-cotisations_div{
	position:absolute;
	top:101%;
	left: -2px;
	width:194%;
	min-height:35px;
	background-color:#bac0c0;
	border:1px #979797 solid;
	-ms-grid-columns:1fr 8px 1fr;
	grid-template-columns:1fr 1fr;
	grid-gap:8px;
	padding:10px 5px 5px;
	display: -ms-grid;
	display: grid;
	/*display:none;*/	
}
/*.....................................................................................................*/ 
*{
    padding: 0;
    margin: 0 
}
html{
    height:101%
}
header,footer,nav,section,article,aside{
    display:block
}
/* /////////////////////////////////////////////////////////////////////////////////////////
                                                                         structure interface
/////////// //////////////////////////////////////////////////////////////////////////////*/
body {
    font:0.9em/1.2 Arial, Helvetica, sans-serif;
    /*text-rendering:optimizeLegibility;*/
    font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased;
    color:#000;
    background:#d0b485 url(../images_site/fond.png) repeat-x;
    margin: 0;
    padding: 0
}
/*.............................................................offre le layout à un élément....*/
#contenu:after,.ariane:after,.br_titre,div.col2_bis article.infos p:after,article p:after,.jscroller2_up p:after{
    content:".";
    clear:both;
    height:0;
    visibility:hidden;
    display:block
}
/*.................................................................navigation commune menus...*/
footer nav,.nav_header,.ariane{
    position:relative;
    top:0;
    height:26px;
    background-color:#000
}
footer nav a,header div a,.ariane li a{
    display:inline-block;
    color:#dcdbdb;
    font-size:0.75em;
    margin:0 5px 0 8px
}
footer nav li,.nav_header li,.ariane li{
    display:block;
    list-style-type: none;
    float:right
}
footer nav li a:hover,.nav_header2 li a,.nav_header li a:hover{
    color:#ff6629
}
/*.............................................................................................*/
#global {
    overflow:hidden;
    background-color:transparent;
    max-width: 1020px;
    /*	min-width: 869px;*/
    /*	min-width:768px;*/
    margin: 0 auto 30px auto;
    color:#000	
}
/*...................................................................................................................................................................bandeau.......*/
header {
    line-height:1.4;
    background:#fdf2e1 url(../images_site/sprite.jpg) no-repeat;
    background-position:center 0;
    border:#6b6e5e solid;
    border-width:0 1px;
    height:261px
}
header img{
    position:relative;
    top:0;
    left:5px;
    width:387px;
    height:165px
}
header div{
    position:relative;
    z-index:3;
    height:21px;
    background:#666;
    width:100%;
    text-align:right
}
header .espace{
    z-index:-1;
    position:absolute;
    width:auto;
    right:35px;
    top:35px;	
    color:#003b49;
    font-size:0.8em;
    text-align:left;
    background:#fdf2e1;
    padding:10px
}
/*................................................................................connection......*/
.connection_log{
    position:absolute;
    width:130px;
    right:0;
    z-index:2;
    line-height:18px
}
.connection_log .close,.connection_log .close a{
    font-size:0.75em;
    cursor:pointer;
    background-color:#666;
    color:#ccc;
    display:inline-block;
    border-left:#CCC 1px solid;
    padding:0 14px 0 9px
}
.connection_log .close a{
    font-size:1em;
    padding:0;
    margin:0;
    border:none
}
.connection_log .close:hover{
    color:#fff 
}
#formulaire_log{
    z-index:1;
    padding-right:130px
}
header div form{
    display:inline-block;
    /*display:none;*/
    position:absolute;  
    top:0;
    right:0;
    width:auto;
    background-color:#666;
    padding:0 10px 1px 12px
}
header div input[type]{
    background-color:#CCC;
    width:117px;
    color:#FFF;
    font-size:0.73em;
    padding:2px 1px 1px 1px;
    color:#000;
    border:none;
    border:#000 1px solid;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
/*.................................................................................................................................................liens.......*/
header div input[title],.formulairecontact input[title],.bouton_sfp,.recherche p,div.annuaire input[title]{
    width: auto;
    cursor:pointer;
    color:#fff;
    border:none;
    padding:2px 5px 1px 5px;		
    background:#148e86;
    background-image: -webkit-linear-gradient(top, #15d2c6 0%,#148e86 20%);
    background-image:    -moz-linear-gradient(top, #15d2c6 0%,#148e86 20%);
    background-image:     -ms-linear-gradient(top, #15d2c6 0%,#148e86 20%);
    background-image:      -o-linear-gradient(top, #15d2c6 0%,#148e86 20%);
    background-image:         linear-gradient(top, #15d2c6 0%,#148e86 20%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#15d2c6',endColorstr='#148e86', GradientType=0)/*0 = vertical / 1 = horizontal*/
}
/*.................................................................................................................................................liens.......*/
.index .sidebar1 article .bouton_sfp{
    color:#000;		
    background:#ffcb62;
    background-image: -webkit-linear-gradient(top, #fde0a8 0%,#ffcb62 20%);
    background-image:    -moz-linear-gradient(top, #fde0a8 0%,#ffcb62 20%);
    background-image:     -ms-linear-gradient(top, #fde0a8 0%,#ffcb62 20%);
    background-image:      -o-linear-gradient(top, #fde0a8 0%,#ffcb62 20%);
    background-image:         linear-gradient(top, #fde0a8 0%,#ffcb62 20%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde0a8',endColorstr='#ffcb62', GradientType=0)/*0 = vertical / 1 = horizontal*/
}
header div input[title]:hover,.formulairecontact input[title]:hover,.bouton_sfp:hover,.index .sidebar1 article .bouton_sfp:hover,div.annuaire input[title]:hover{
    background-color:#003b49;
    background-image: -webkit-linear-gradient(top, #006799 0%,#003b49 30%);
    background-image:    -moz-linear-gradient(top, #006799 0%,#003b49 30%);
    background-image:     -ms-linear-gradient(top, #006799 0%,#003b49 30%);
    background-image:      -o-linear-gradient(top, #006799 0%,#003b49 30%);
    background-image:         linear-gradient(top, #006799 0%,#003b49 30%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006799',endColorstr='#003b49', GradientType=0)/*0 = vertical / 1 = horizontal*/
}	
header div a{
    border-left:#CCC 1px solid;
    padding-left:8px
}
header div a:hover{
    color:#fff
}
a{
    color:#fff;
    text-decoration:none
}
a img {
    border: none
}
a:hover, a:active, a:focus {
    background-color:transparent	
}
article a,header .espace a{
    font-size:1em;
    color:#148e86;
    text-decoration: underline
}
header .espace strong{
    font-size:0.95em;
}
header .espace a{
    font-size:0.95em;
    display:block;
    padding:1px 5px;
    margin-left:0;
    border:none;
    text-align:left;
    text-decoration:none;
    color:#003b49;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
header .espace .espace2{
    padding-left:15px
}
.formulairecontact p a{
    text-decoration:underline
}
article a:hover,article a:active,article a:focus,.ariane li a:hover,.formulairecontact p a:hover{
    color:#000	
}
#connection a{
    background:transparent url(../images_site/picto_close.gif) no-repeat 10px 1px;
    padding-left:28px;
    margin-left:0
}
.ariane li a{
    font-size:1em;
    color:#006799;
    margin-left:0
}
.jscroller2_up a,div.col2_bis article.infos a{
    font-size:0.96em;
    color: #0b746d;
    text-decoration:underline
}
.jscroller2_up a:hover,div.col2_bis article.infos a:hover{
    color:#000;
}
.recherche:hover p{
    cursor:pointer;
    background:#006799;
    background-position:0 -22px;
    -moz-border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0
}
.recherche p:before { 
    content:url(../images_site/loupe1.png);
    position:absolute;
    top:2px;
    left:5px
}
.recherche:hover p:before{
    content:url(../images_site/loupe2.png)
}
.recherche:hover > ul {
    display: block
}
.recherche li{
    font-size:0.8em;
    margin:5px 0;
    list-style-type:none
}
.recherche li a{
    display:block
}
.recherche li a:hover{
    color:#15d2c6
}
.bibliotheque_specialite article a{
    display:block;
    background: url(../images_site/www.png) 15px 4px no-repeat;
    font-size:0.75em;
    color:#000;
    height:21px;
    text-decoration:underline;
    padding:5px 5px 5px 42px
}
.bibliotheque_specialite article a:hover{
    color:#008c89
}
.col2 .couleure1_2 a{
    display:block;
    font-size:0.9em;
    padding:5px 3px;
    /*border-bottom:#fdf2e1 1px dotted*/
    border-bottom:#ffca61 1px dotted 
}
.col2 .couleure1_2 li ul li a{
    color:#99fdf7;
    border-color:#99fdf7
}
.col2 .couleure1_2 li a:hover,.col2 .couleure1_2 li:hover > a,.col2 .couleure1_2 .selection > a{
    color:#ffca61
        /*color:#000;
        background:#fdf2e1;
        background-image: -webkit-linear-gradient(left, #fdf2e1 0%,#148e86 100%);
        background-image:    -moz-linear-gradient(left, #fdf2e1 0%,#148e86 100%);
        background-image:     -ms-linear-gradient(left, #fdf2e1 0%,#148e86 100%);
        background-image:      -o-linear-gradient(left, #fdf2e1 0%,#148e86 100%);
        background-image:         linear-gradient(left, #fdf2e1 0%,#148e86 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf2e1',endColorstr='#148e86', GradientType=1)*//*0 = vertical / 1 = horizontal*/

}
.col2 .ca a{
    display:block;
    color:#006799;
    font-size:0.8em;
    padding-left:25%;
    margin-bottom:5px
}
.col2 .ca a:hover,.col2 .ca .selection a{
    color:#003b49
}
footer nav a{
    color:#ccc;
}
footer a[href*="javascript"]{
    position:absolute;
    width:19px;
    height:23px;
    background:transparent url(../images_site/sprite.jpg) 0 -261px no-repeat;
    border:none;
    top:15px;
    right:40px
}
footer a:hover[href*="javascript"]{
    background-position: -19px -261px 
}
/*................................................................................connection2......*/
#connection{
    z-index:4;
    display:inline-block;
    display:none;
    position:relative;
    height:19px;
    background-color:#666666;
    padding:0 10px 2px 12px	;
    right: 0;
    top: 0;
    width: auto;
}
#connection span{
    font-size:0.75em;
    color:#fee9cb;
    text-align:right;
    padding-right:5px
}
/*...............................*/
#formulaire_log2{
    display:none;
    padding:8px 8px 10px 8px;
    width:130px;
    border-top:#333 1px solid;
    position:absolute;
    right:7px;
    top:21px
}
#formulaire_log2 span{
    display:block;
    font-size:0.75em;
    line-height:1.1;
    color: #CCC;
    padding-bottom:3px
}
#formulaire_log2 input[title]{
    margin-top:5px
}
/*........................................................................................................nav2......*/
.nav_header{
    z-index:1;
    padding-right:10px
}
.nav_header li a{
    color:#ccc;
    font-size:0.9em;
    font-weight:bold;
    display:block;
    padding:3px 30px 0 0
}
.nav_header2{
    z-index:10;
    height:35px;
    padding-left:37px;
    top:7px;
    font-weight:bold;
    background-color:transparent;
    position:relative;
    /*	position: absolute;
        top: 224px;*/
}
.nav_header2 ul,header .espace{
    height:35px;
    display:inline-block;
    width:auto;
    border:#B6BAB0 solid;
    border-width:1px 1px 1px 1px;	
    background-color:#fedea4;
    background-image: -webkit-linear-gradient(top, #fdf2e1 0%,#fedea4 100%);
    background-image:    -moz-linear-gradient(top, #fdf2e1 0%,#fedea4 100%);
    background-image:     -ms-linear-gradient(top, #fdf2e1 0%,#fedea4 100%);
    background-image:      -o-linear-gradient(top, #fdf2e1 0%,#fedea4 100%);
    background-image:         linear-gradient(top, #fdf2e1 0%,#fedea4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf2e1',endColorstr='#fedea4', GradientType=0)/*0 = vertical / 1 = horizontal*/	
}
header .espace{
    display:inline-block;
    border:#92967f 1px solid;
    height:auto
}
.nav_header2 li{
    position:relative;
    width:auto;
    float:left
}
.nav_header2 .copath_li{
    position:absolute;
    width:auto;
    right: 40px;
    background-color:#fc7710;
    background-image: -webkit-linear-gradient(top, #fedea3 0%,#fc7710 30%);
    background-image:    -moz-linear-gradient(top, #fedea3 0%,#fc7710 30%);
    background-image:     -ms-linear-gradient(top, #fedea3 0%,#fc7710 30%);
    background-image:      -o-linear-gradient(top, #fedea3 0%,#fc7710 30%);
    background-image:         linear-gradient(top, #fedea3 0%,#fc7710 30%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fedea3',endColorstr='#fc7710', GradientType=0)/*0 = vertical / 1 = horizontal*/	
}
.accueil .nav_header2 .copath_li{
    right: -300px;	
}
.nav_header2 .copath_li.load{
    right: 40px;
}
.load{
    -webkit-transition:1s ease;
    -moz-transition:1s ease;
    -mst-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease
}
.nav_header2 li a{
    color:#003b49;
    font-size:0.80em;
    display:block;
    padding:10px 8px 9px 8px;
    border-right:#B6BAB0 1px solid
}


.nav_header2 .copath_li a{
    color:#fff;
    padding:10px 8px 8px 8px;
    border:#B6BAB0 1px solid;

}
.nav_header2 li a[title]{
    background:transparent url(../images_site/icone-membres.png) 8px 8px no-repeat;
    padding-left: 30px;
    border:none
        /*	color:#003b60;
                background-color:#f8d69b;
                background-image: -webkit-linear-gradient(top, #fdf2e1 0%,#f8d69b 30%);
                background-image:    -moz-linear-gradient(top #f8d69b , # 0%,fdf2e1 30%);
                background-image:     -ms-linear-gradient(top, #fdf2e1 0%,#f8d69b 30%);
                background-image:      -o-linear-gradient(top, #fdf2e1 0%,#f8d69b 30%);
                background-image:         linear-gradient(top, #fdf2e1 0%,#f8d69b 30%);
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf2e1',endColorstr='#f8d69b', GradientType=0);*//*0 = vertical / 1 = horizontal*/
}
.nav_header2 li a:hover[title],.nav_header2 .selection a[title]{
    padding: 10px 19px 9px 19px;
    color:#FFF;
    background-color:#006799;
    background-image: -webkit-linear-gradient(top, #77B6E5 0%,#006799 30%);
    background-image:    -moz-linear-gradient(top, #77B6E5 0%,#006799 30%);
    background-image:     -ms-linear-gradient(top, #77B6E5 0%,#006799 30%);
    background-image:      -o-linear-gradient(top, #77B6E5 0%,#006799 30%);
    background-image:         linear-gradient(top, #77B6E5 0%,#006799 30%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77B6E5',endColorstr='#006799', GradientType=0);/*0 = vertical / 1 = horizontal*/
    background-position:0 0	
}
.nav_header li a:hover,.nav_header li:hover > a,.nav_header .selection > a{/*".nav_header2 li:hover > a" garde le focus sur le lien parent*/
    color:#ff6629
}
.nav_header2 li a:hover,.nav_header2 ul ul#espacecopath_suite a:hover,.nav_header2 ul ul#espacecopath_suite .selection > a,.nav_header2 li:hover > a,.nav_header2 .selection > a,header .espace a:hover,header .espace .selection,.espace_membres ul.fond-table li a:hover,.espace_membres ul.fond-table1 li a:hover[href*="documentation_organisateur_"]{/*".nav_header2 li:hover > a" garde le focus sur le lien parent*/
    color:#fdf2e1;
    background-color:#148e86;
    background-image: -webkit-linear-gradient(top, #15d2c6 0%,#148e86 30%);
    background-image:    -moz-linear-gradient(top, #15d2c6 0%,#148e86 30%);
    background-image:     -ms-linear-gradient(top, #15d2c6 0%,#148e86 30%);
    background-image:      -o-linear-gradient(top, #15d2c6 0%,#148e86 30%);
    background-image:         linear-gradient(top, #15d2c6 0%,#148e86 30%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#15d2c6',endColorstr='#148e86', GradientType=0);/*0 = vertical / 1 = horizontal*/		
}
header .espace a:hover .couleur_alerte,header .espace .selection .couleur_alerte,.espace_membres ul.fond-table li a:hover .couleur_alerte{
    color:#FFF
}
/*......................................ul niveau2*/
.nav_header2 ul ul,.nav_header1{
    /*	display: none;*/
    height:auto;
    font-size:0.95em;
    /*	z-index:4;*/
    white-space: nowrap;/*;empeche le retour a la ligne*/
    min-width:120px;
    position: absolute;
    top:110%;
    /*left:-1px; */
    padding:10px 0;
    background-color:#fedea4;
    border:#92967f 1px solid
}
.nav_header2 ul ul#espacecopath_suite{
    right:0%;
}
.nav_header2 ul ul#espacecopath_suite a{
    color:#003b49;
}
.nav_header1{
    display: none;
    top:26px;
    left:0;
    width:100%;
    height:auto;
    padding:3px 0 5px 0px;
    background-color:#000;
    border:none;
    border-top:#008b89 1px solid
}
.nav_header2 ul ul:after,.nav_header1:after{
    content:"";
    display:block;
    position:absolute;
    top:-10px;
    width:100%;
    height:10px;
    background:transparent url(../images_site/transparent.png) no-repeat
}
.nav_header2 ul li:hover > ul,.nav_header ul li:hover > .nav_header1{
    display: block
}
.nav_header2 ul ul li {
    padding:0;
    margin:0;
    float:none
}
.nav_header2 ul ul li a,.nav_header2 ul ul#espacecopath_suite li a{
    margin:0;
    padding:2px 10px 0 10px;
    /*background-color:#f6d293;*/
    background-color:transparent;
    border: none;
}
/*.........................................................................................................nav......*/

/*.........................................................................................................................................................................contenu...*/
#contenu{
    height:1%;/*clear:both*/
    font-size:1em;
    /*	background: #fdf2e1;*/
    background: #fff;
    position: relative;/*offre le layout à  un élément*/
    border:#6b6e5e solid;
    border-width:0 1px;
    padding:10px 40px 5px 40px
}
/*......................................................................................ariane.....*/
.ariane{
    height:1%;/*clear:both*/
    background-color:transparent;
    top:0px;
    padding: 0 10px 15px 10px
}
.ariane li{
    font-size:0.68em;
    float:left;
    padding:0 2px;
}
.ariane li+li{
    margin-left:5px		
}
.ariane li+li:before{
    content: " » ";
    padding-right:0px;
    position:relative;
    top:-1px;
    right:4px
} 
/*...................................................................................................*/
h1{
    font-weight:normal;
    color:#000;
    border-bottom:1px #000 dotted;
    font-size:1.7em;
    margin-bottom:25px;
    padding:0 10px
}
/*..............................................................................................................................index...*/
/*.............................. Scroller Box */
.index h2{
    color:#006799;
    font-weight:normal;
    margin:0 0 5px 10px
}
.index .content h2{
    margin-left:20px
}
#scroller_container {
    position: relative;
    height:223px;
    overflow: hidden;
    background-color:#fbe9ce;
    border:1px #999 solid;
    margin-bottom:10px
}
.jscroller2_up p,.jscroller2_up h3{
    padding:0 10px;
}
.jscroller2_up h3{
    font-size:1em;
    margin-bottom:5px;
    background:transparent;
    color:#006799;	
}
.jscroller2_up p,.jscroller2_up ul,.jscroller2_up ol{
    font-size:0.85em;
    margin-bottom:15px;
    height:1%;/*clear:both*/
}
.jscroller2_up ul,.jscroller2_up ol{
    margin-top:-10px;
    margin-left:12px;
    padding:0 10px
}
.jscroller2_up ol{
    padding-left:15px
}
.jscroller2_up p img{
    float:left;
    width:80px;
    padding:5px 5px 5px 0
}
/* ........................................ */
.index .sidebar1,.index .content,.index .sidebar2{
    float: left
}
.index .sidebar1{
    width: 31.91%
}
.index .content {
    width: 44.65%
}
.index .sidebar2 {
    width: 23.4%
}
/*................................................................................................*/
article{
    position:relative;
    padding:5px 10px 0 10px;
    text-align:justify;
    margin-bottom:20px;
    font-size:0.9em;
    line-height:1.3em;
}
/*....................................article dpc.......*/
.col2 .dpc,.col2 .e-learning,.col2 .epu{
    margin-left:8px;
    margin-right:2px;
    padding-top:0;
    padding-bottom:0;
    width:90%
}
.col2 .dpc h2,.col2 .e-learning h2,.col2 .epu h2{
    position:relative;
    font-size:1.05em;
    color: #fff;
    background:#14aba1;
    padding:3px 6px 3px 40px;
    border:#92967f 1px solid;
    border-width:1px 1px 0px 1px;
    -moz-border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0;
    margin-bottom:0
}
.col2 .e-learning h2{
    background:#f39700;
}
.col2 .dpc h2{
    background:none;
    color: #006799;
}
.col2 .dpc img,.col2 .e-learning img,.col2 .epu img{
    position:absolute;
    left: -10px;
    top:3px
}
.col2 .dpc p,.col2 .e-learning p,.col2 .epu p{
    border:#92967f 1px solid;
    background:#fde7c5;
    min-height:22px;
    -moz-border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    border-radius:0 0 8px 8px;
    padding:10px 10px 10px 40px;
    text-align:left
}
.col2 .dpc p{
    background:none;
}
/*.......................................................*/
.index article{
    text-align:left;
    margin-bottom:15px;
    border:1px #999 solid;
    font-size:0.8em;
    line-height:1.255em;	
}
.index article ul,.index article ol{
    color:#000;
    margin:0 0 15px 20px;
    line-height:0.8em	
}
.index article ul a,.index article ol a{
    color: #12827B;	
}
.index article ul a:hover,.index article ol a:hover{
    color: #000	
}
.divWidget {
    z-index:1;
    position:relative;
    min-height:10px;
    height:100%;/*correction pour IE6*/
}
.divWidget p{
    margin-bottom:10px
}
.divWidget p+p{
    margin:0
}
.divWidget div{
    margin-top:10px;
    /*	display:none;*/
}
.divWidget .bouton_sfp:hover{
    color:#FFF
}
.bouton_sfp{
    cursor: pointer;
    display:inline-block;
    text-decoration:none;	 
    margin:0;
    font-size:0.75em;
    line-height:1.2em;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
div.annuaire .bouton_sfp {
    margin: 8px 0 0 3px;
    max-width: 86%;
}
.bouton_sfp a,.bouton_sfp a:hover{
    text-decoration:none;
    color:#FFF
}
.partenaire .bouton_sfp{
    margin-bottom:5px;
}
.col1 .content h2,.contact .content h2,.col2 h2{
    text-align:left;
    line-height:1.2em;	
    font-weight:normal;
    color:#006799;
    background:transparent url(../images_site/sprite_png.png) 0 -201px no-repeat;
    padding:3px 0 5px 25px;
    margin-bottom:10px;
}
article ul,article ol{
    margin:15px 0 15px 35px
}
article ul li,article ol li{
    margin:5px 0
}
.index article p{
    margin-bottom:10px
}
.index article h3{	
    color:#006799;
    font-size:1.1em;
    color:#000;
    margin:5px 0
}
.index article h2.index-titre{	
    color:#006799;
    font-weight:bold;
    margin:5px 0;
    font-size:1.15em
}
/*..............................sidebar1....*/
.index .sidebar1 .action{
    background-color:#148e86;
    color:#FFF;
    min-height:160px
}
/*...............................content....*/
.index .image{
    width:93.7%;
    height:223px;
    overflow:hidden;
    border:1px #999999 solid;
    margin: 31px 3% 10px 3%
}
.index .content article{
    margin: 0 3%;
    margin-bottom:15px
}
.index .content .editorial{
    background-color:#ffca61;
    min-height:160px
}
.index .content article .bouton_sfp,.index .sidebar1 article .bouton_sfp{
    margin-bottom:10px;
    font-size:0.93em;
}
.index .content article .bouton_sfp:hover,.index .sidebar1 article .bouton_sfp:hover{
    color:#FFF
}
/*..............................sidebar2....*/
.index .sidebar2 .congre{
    padding:5px 10px;
    border:#92967f 1px solid;
    background: #fcc797;
    /*	min-height:426px;*/
    margin-bottom:15px
}
.cartouche img{
    width:100%;
    border:#92967f 1px solid;
    margin:2px 0  5px 0
}
.index .sidebar2 .cartouche img{
    width:99%;
}
.cartouche{
    padding:15px;
    border:#92967f 1px solid;
    margin-bottom:30px;
    background-color:#fff;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.index .sidebar2 .cartouche{
    padding:4px;
    border:#92967f 1px solid;
    margin-bottom:10px;
    background-color:#fbe9ce;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.cartouche p{
    margin-bottom:10px;
}
.congre article h3{
    margin-bottom:13px;
}
.index .cartouche h3{
    margin-bottom:10px;
}
.cartouche h2{
    font-size:1.4em;
    margin-bottom:10px;
    background:none;
    padding-left:0
}
.index .sidebar2 .congre article+article{
    border:none;
    margin-bottom:10px;
    padding:0
}
.index .sidebar2 .congre a{
    color:#11766f
}
.index .sidebar2 .congre a:hover{
    text-decoration:none
}
.index .sidebar2 .cartouche a{
    color:#0B746D
}
.index .sidebar2 .cartouche a:hover{
    color:#000;
}
.index .sidebar2 div .couleur_alerte{
    color:#F00
}
/*..............................................................................................................................1 colonne...*/
.col1 .content {
    float:none
}
.columns,.columns2 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -o-column: 2;
    -webkit-column-rule: 1px dotted #000;
    -moz-column-rule: 1px dotted #000;
    -o-column-rule: 1px dotted #000000;
    column-rule: 1px dotted #000;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    -o-column-gap: 3em;
    column-gap: 3em;
}
.columns2{
    /*    -webkit-column-rule:none;
        -moz-column-rule:none;
            -o-column-rule:none;
        column-rule: none;*/
    -webkit-column-gap: 0em;
    -moz-column-gap: 0em;
    -o-column-gap: 0em;
    column-gap: 0em;
}
.columns2 article{
    display: inline-block
}
/*..............................................................................................................................biblothèque...*/
.bibliotheque_specialite article h2,.partenaire .sidebar2 article h2,.bibliotheque_specialite article a,.partenaire article p+p{
    overflow: hidden;
}
.bibliotheque_specialite article h2,.partenaire .sidebar2 article h2{
    white-space: nowrap;
    text-overflow: ellipsis;
}
.recherche{
    z-index:3;
    position:relative;
    margin-bottom:40px;
    color:#FFF;
}
.separateur{
    padding-top:40px;
    height:0;
    border:none
}
.bibliotheque_specialite .recherche{
    margin-left:11px;
    margin-bottom:25px;
}
.recherche p{
    position:absolute;
    left:-2px;
    font-size:0.8em;
    padding:4px 10px 4px 35px;
    display:inline-block
}
.recherche ul{
    display:none;
    z-index:1;
    position:absolute;
    white-space: nowrap;/*;empeche le retour a la ligne*/
    min-width:35%;
    border:#000 solid;
    border-width:1px 2px 2px 2px;
    padding:10px;
    padding-right:30px;
    top:21px;
    left:-2px;
    /*height:145px;*/
    height:90px;
    overflow:auto;	
    background-color:#003b49;
    background-image: -webkit-linear-gradient(top, #006799 0%,#003b49 10%);
    background-image:    -moz-linear-gradient(top, #006799 0%,#003b49 10%);
    background-image:     -ms-linear-gradient(top, #006799 0%,#003b49 10%);
    background-image:      -o-linear-gradient(top, #006799 0%,#003b49 10%);
    background-image:         linear-gradient(top, #006799 0%,#003b49 10%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006799',endColorstr='#003b49', GradientType=0)/*0 = vertical / 1 = horizontal*/	
}
.bibliotheque_specialite article{
    float:left;
    font-size:1em;
    text-align:left;
    line-height:0.9em;
    position:relative;
    width:31.8%;
    height:57px;
    background:#fbe9ce;
    border:#92967f 1px solid;
    padding:0;
    margin:5px 0 0 1%;
}
.bibliotheque_specialite article h2{
    padding:3px 10px ;
    height:12px;
    font-size:0.75em;
    font-weight:normal;
    background:#148e86;
    border-bottom:#92967f 1px solid;
    color:#FFF;
    background-color:#148e86;
    background-image: -webkit-linear-gradient(top, #15d2c6 0%,#148e86 15%);
    background-image:    -moz-linear-gradient(top, #15d2c6 0%,#148e86 15%);
    background-image:     -ms-linear-gradient(top, #15d2c6 0%,#148e86 15%);
    background-image:      -o-linear-gradient(top, #15d2c6 0%,#148e86 15%);
    background-image:         linear-gradient(top, #15d2c6 0%,#148e86 15%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#148e86',endColorstr='#15d2c6', GradientType=0);/*0 = vertical / 1 = horizontal*/	
}
.bibliotheque_specialite article img{
    position: absolute;
    top:40px;
    left:17px
}
.index article,#scroller_container,.index .image,.recherche p,.bibliotheque_specialite article,.couleure1_2,.couleure1,.partenaire article,.partenaire article p,div.col2_bis .editorial,div.col2_bis article.infos,.index .sidebar2 .congre,.plan,header .espace,.espace_membres ul.fond-table li a,.espace_membres .fond-table,div.col2_bis .article_journal,.col2 .epu_generalites,.espace_membres ul.fond-table1 li a:hover[href*="documentation_organisateur_"]{
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.bibliotheque_specialite article h2{
    -moz-border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0
}
/*.................................................................................bibliotheque partenaires*/
.partenaire .sidebar2 article{
    float:left;
    position:relative;
    width:44.7%;
    min-height:50px;
    background:#fbe9ce;
    border:#92967f 1px solid;
    border-bottom-color:#4a5f67;
    margin:0 0 8px 1%;
    background-image: -webkit-linear-gradient(top, #fcc797 0%,#fbe9ce 30%);
    background-image:    -moz-linear-gradient(top, #fcc797 0%,#fbe9ce 30%);
    background-image:     -ms-linear-gradient(top, #fcc797 0%,#fbe9ce 30%);
    background-image:      -o-linear-gradient(top, #fcc797 0%,#fbe9ce 30%);
    background-image:         linear-gradient(top, #fcc797 0%,#fbe9ce 30%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc797',endColorstr='#fbe9ce', GradientType=0);/*0 = vertical / 1 = horizontal*/	
}
.partenaire .sidebar2 article h2{ 
    font-weight:bold;
    background:none;
    font-size:0.89em;
    margin-bottom:3px;
    padding-left:0
}
.partenaire article p{	
    font-size:0.85em;
    padding-right:130px;
    border:#92967f 1px solid;
    padding:5px;
    margin-bottom:5px;
    background-color:#FFF
}
.partenaire article p+p{
    border:none;
    text-align:left;
    background-color:transparent;
    margin:0;
    padding:0 0 10px 0;
}
.partenaire article img{
    position:absolute;
    top:22px;
    right:18px;
    float:right;
    width:56px;
    height:27px;
    border:#92967f 1px solid;
    padding:0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.partenaire article p img{
    position:static;
    top:0;
    right:0;
    float:right;
    width:126px;
    height:61px;
    border:none;
    padding:0
}
/*...................................................................................................................................................contact.....*/
.formulairecontact{
    width:65.2%;
    padding:10px 5px 30px 17px;
	padding:10px 5px 30px 17px;
    border-bottom:#000 1px solid;
    background-color:#f6b07a;
    background-image: -webkit-linear-gradient(top, #fdf2e1 0%,#f6b07a 60%);
    background-image:    -moz-linear-gradient(top, #fdf2e1 0%,#f6b07a 60%);
    background-image:     -ms-linear-gradient(top, #fdf2e1 0%,#f6b07a 60%);
    background-image:      -o-linear-gradient(top, #fdf2e1 0%,#f6b07a 60%);
    background-image:         linear-gradient(top, #fdf2e1 0%,#f6b07a 60%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf2e1',endColorstr='#f6b07a', GradientType=0);/*0 = vertical / 1 = horizontal*/	
    -moz-border-radius:0 0 16px 16px;
    -webkit-border-radius:0 0 16px 16px;
    border-radius:0 0 16px 16px
}
.formulaireinscription{
    width:95%;
    padding-top:30px
}
.formulairecontact label{
    font-size:0.8em;
    float:left;
    margin:0 9px 10px 0
}
/*.formulairecontact label[for="format_mail"]{
        float:none;
        display:block;
        margin-bottom:5px
}*/
.formulairecontact label[for="format_mail"],.formulairecontact label[for="txtenvoi"],.formulairecontact label[for="txtannuaire"]{
    float:none;
    display:block;
    margin-bottom:5px
}
.formulairecontact p{
    margin-top:10px;
    font-size:0.7em;
    padding-right:10px
}
.formulairecontact p+p{
    margin-top:10px;
}
.formulairecontact label input,.formulairecontact label select,.formulairecontact textarea,div.annuaire label input,div.annuaire label select,.espace_membres td input,div.annuaire textarea,.recherche-mots-cles input,.formulairecontact_options-de-cotisations{
    width:96%;
    padding:1% 2%;
    margin-top:2px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:#7a7d6a 1px solid;
    background:#fdf2e1;
    background-image: -webkit-linear-gradient(top, #c7ccae 0%,#fdf2e1 30%);
    background-image:    -moz-linear-gradient(top, #c7ccae 0%,#fdf2e1 30%);
    background-image:     -ms-linear-gradient(top, #c7ccae 0%,#fdf2e1 30%);
    background-image:      -o-linear-gradient(top, #c7ccae 0%,#fdf2e1 30%);
    background-image:         linear-gradient(top, #c7ccae 0%,#fdf2e1 30%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7ccae',endColorstr='#fdf2e1', GradientType=0)/*0 = vertical / 1 = horizontal*/
}
.recherche-mots-cles input{
    width:35%;
    padding:3px 6px;
    margin-bottom:30px	
}
.formulairecontact textarea{
    width:94%;
}
.formulairecontact fieldset textarea{
    width:93%;
}
.formulairecontact label select option{
    padding:0 3px;
    background:#fdf2e1
}
.formulairecontact input[title],.formulairecontact legend,.formulairecontact fieldset,div.annuaire input[title],.selectionner_des_membres div.annuaire.c_compte{
    margin-top:10px;
    border:#7a7d6a 1px solid;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
label[for="caracteres_titre"] input,label[for="caracteres_titre2"] input{
    width:25px !important;
    color:#F00 !important;
    padding:1px !important
}
label[for="caracteres_titre"],label[for="caracteres_titre2"]{
    width:98%
}
label[for="caracteres_titre"] span,label[for="caracteres_titre2"] span{
    font-size:0.85em
}
.formulairecontact .model{
    clear:both;
    color:#F00;
    margin-bottom:5px
}
.formulairecontact fieldset,.selectionner_des_membres div.annuaire.c_compte{
    background-color:#fde7c5;
    padding:10px 0 10px 3%;
    border:1px solid #7a7d6a;
    margin:5px 0 15px 0;
    width:94.6%
}
.formulairecontact fieldset+fieldset{	
    margin:15px 0;
}
.formulairecontact legend{
    border:1px solid #7a7d6a;
    color:#FFF;
    padding:2px 5px;
    background-color:#148e86;
    background-image: -webkit-linear-gradient(top, #15d2c6 0%,#148e86 20%);
    background-image:    -moz-linear-gradient(top, #15d2c6 0%,#148e86 20%);
    background-image:     -ms-linear-gradient(top, #15d2c6 0%,#148e86 20%);
    background-image:      -o-linear-gradient(top, #15d2c6 0%,#148e86 20%);
    background-image:         linear-gradient(top, #15d2c6 0%,#148e86 20%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#15d2c6',endColorstr='#148e86', GradientType=0)/*0 = vertical / 1 = horizontal*/
}
.formulairecontact legend span{
    font-size:0.76em
}
#global .erreur_champs_form{
    background-image:none;
    background-color:#fcd2d7
}
.resultat input{
     width:30px !important;
     font-size: 16px;
	 font-weight:bold;
	 vertical-align:9px
}
.resultat{
    float: none !important;
	display:inline-block;
	width:90%;
	margin-top:8px !important; 
}
/*.....................................................options-de-cotisations*/
.formulairecontact_options-de-cotisations{
	position:relative;
	width:50%;
	margin-bottom: 10px;
	padding:2px 2px 2px 4px;
	cursor: default;
}
.formulairecontact_options-de-cotisations::after{
	content: ">";
	position:absolute;
	font-weight:bold;
	transform: rotate(90deg);
	right: 5px;
	top: 3px;
	font-size: 14px;
}
.formulairecontact_options-de-cotisations_div{
	position:absolute;
	top:100%;
	left: -2px;
	width:185%;
	min-height:35px;
	background: #fdf2e1;
	border:1px #7a7d6a solid;
	-ms-grid-columns:1fr 8px 1fr;
	grid-template-columns:1fr 1fr;
	grid-gap:8px;
	padding:10px 5px 5px;
	display: -ms-grid;
	display: grid;
/*	display:none;*/	
}
.tableau01{
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 3;
	grid-column-end: 3;
}
.formulairecontact_options-de-cotisations_div label{
	float: none;
}
.options-de-cotisations_fieldset .formulairecontact_options-de-cotisations{
	width:30% ;
}
.options-de-cotisations_fieldset .coche-input{
	margin:0 !important
}
/*.option-oui-non{
	display: block;
}
.br_option-oui-non{
	margin:5px 0
}
.div_option-oui-non{
	margin:5px 0 10px 0
}*/
.div-obtion[data-cache="0"]{
	display:none
}
.div-obtion[data-cache="1"]{
	display: block
}
.span-obtion{
	font-size:12px
}
/*............................................................Soumission_Carrefour...........................................................*/
.S_Carrefour{
    position:relative; 
    height:100%
}
.S_Carrefour_div{
    position:absolute; 
    z-index:100;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100% 
}
.S_Carrefour_div form{
    position:relative;
    margin:50px auto;
    /*	padding:10px 0px 10px 10px*/
}
.S_Carrefour_div hr{
    border:none;
    height:1px;
    background-color:#7a7d6a;
    margin:30px 0 10px
}
.formulairecontact .div_display fieldset{
    padding: 10px 3% 10px 3%;
}
.S_Carrefour_div form label{
    float:none;
}
.S_Carrefour_div form label input{
    display:block;
    width:80%;
    margin:0 auto
}
.S_Carrefour_div form p, .S_Carrefour_div .formulairecontact label{
    text-align:center;
    font-size:1em
}
.S_Carrefour_div form p span{
    display:inline-block;
    margin-bottom:5px
}
.S_Carrefour_div form .S_Carrefour_p input[type="text"]{
    font-size:24px;
    text-align:center;
    width:28px;
    padding:3px;
    margin-right:-1px;
    margin-left:-1px;
    border:1px solid #000
}
.div_display{
    display:none
}
.div_play{
    display:block;
    position: absolute;
    top:0;
    left:25px
}

/*......................................................................................................2 colonne*/
/*..............................colonne1....*/
.col2 .sidebar1{
    float:left;
    width:20.7%
}
div.col2_bis .sidebar1{
    width:47.8%;
    padding-right:2%;
    border-right:#003b49 dotted 1px
}
.col2 .couleure1_2 h2,.col2 .ca h2,.col1 .couleure1 h2{
    background:none;
    font-size:1.3em;
    color:#000;
    padding:0 10px
}
.col2 .couleure1_2 h2{
    color:#ffca61;
}
.col1 .couleure1 h2{
    font-size:1.5em;
}
.col2 .couleure1_2 ul{
    padding:0 5px
}
.col2 .couleure1_2 li ul li{
    font-size:0.9em;
    padding-left:10px
}
.col2 .couleure1_2 li ul{
    display:block
}
.col2 .couleure1_2 li:hover ul{
    display:block
}
.col2 .couleure1_2 li{
    list-style:none;
}
/*..............................colonne2....*/
.col2 .sidebar2 {
    float:left;
    width:77%;
    margin-left:2%
}
div.col2_bis .sidebar2{
    width:48%;
    padding-left:2%;
    margin-left:0
}
/*.................................................................fond bleu, texte blanc.....................couleure cartouche...*/
.couleure1,.couleure1_2{ 
    background:#148e86;
    padding:6px;
    color:#FFF
}
.couleure1_2{
    position:relative; 
    padding:15px 0 35px 0;
    margin:0 0 30px 0;
    border:#92967f 1px solid;
    border-bottom:#333 1px solid;
    /*	background-color:#148e86;
            background-image: -webkit-linear-gradient(top, #15d2c6 0%,#148e86 20%);
            background-image:    -moz-linear-gradient(top, #15d2c6 0%,#148e86 20%);
            background-image:     -ms-linear-gradient(top, #006799 0%,#148e86 20%);
            background-image:      -o-linear-gradient(top, #15d2c6 0%,#148e86 20%);
            background-image:         linear-gradient(top, #15d2c6 0%,#148e86 20%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#15d2c6',endColorstr='#148e86', GradientType=0)*//*0 = vertical / 1 = horizontal*/	
    background-color:#246799;
    background-image: -webkit-linear-gradient(top, #3f95d5 0%,#246799 20%);
    background-image:    -moz-linear-gradient(top, #3f95d5 0%,#246799 20%);
    background-image:     -ms-linear-gradient(top, #3f95d5 0%,#246799 20%);
    background-image:      -o-linear-gradient(top, #3f95d5 0%,#246799 20%);
    background-image:         linear-gradient(top, #3f95d5 0%,#246799 20%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f95d5',endColorstr='#246799', GradientType=0)/*0 = vertical / 1 = horizontal*/	
}
.couleure1_2 img{
    width:100%
}
.couleure1_2 a:hover img{
    filter : alpha(opacity=90);/* correction pour IE */
    opacity : 0.9;
    zoom: 1; /* correction bug IE6 et IE7 */
}
/*.......................................................journal....*/
div.col2_bis article.editorial{
    background-color:#fff;
    border:#92967f 1px solid;
    padding:15px
}
div.col2_bis .journal,div.col2_bis article.editorial h2,div.col2_bis article.infos h2{
    background-image:none;
    background:transparent url(../images_site/sprite_png.png) 0 -118px no-repeat;
    padding-left:35px		
}
div.col2_bis article.editorial h2{
    font:2.2em "Times New Roman", Times, serif;
    color:#fa9344;
    border-bottom:#fa9344 1px dotted;
    padding-bottom:3px;
    margin-bottom:20px;
    background-position:0 -47px
}
div.col2_bis article.infos h2{
    border-bottom:#006799 1px dotted;
    padding-top:4px;
    padding-bottom:1px;
    background-position:0 -91px
}
div.col2_bis .journal{
    padding-top:6px;
    padding-bottom:3px;
}
div.col2_bis .editorial h3,div.col2_bis article.infos h3{
    font-size:1em;
    margin-bottom:10px;
}
div.col2_bis article.infos h3{
    margin-top:20px;
    margin-bottom:5px;
    color:#006799
}
/*div.col2_bis article.infos h3~h3{
        margin-top:20px;
}*/
div.col2_bis article.infos,.plan{
    border:#92967f 1px solid;
    padding:15px;
    background-color:#fdf2d7;
    background-image: -webkit-linear-gradient(top, #fce7b3 0%,#fdf2d7 100%);
    background-image:    -moz-linear-gradient(top, #fce7b3 0%,#fdf2d7 100%);
    background-image:     -ms-linear-gradient(top, #fce7b3 0%,#fdf2d7 100%);
    background-image:      -o-linear-gradient(top, #fce7b3 0%,#fdf2d7 100%);
    background-image:         linear-gradient(top, #fce7b3 0%,#fdf2d7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce7b3',endColorstr='#fdf2d7', GradientType=0)/*0 = vertical / 1 = horizontal*/	
}
div.col2_bis article.infos p{
    height:1%;/*clear:both*/
    margin-bottom:10px
}
div.col2_bis article.infos img,article .float_left{
    float:left;
    width:28%;
    height:auto;
    border:#92967f 1px solid;
    margin:0 10px 5px 0
}
div.col2_bis .article_journal,.col2 .epu_generalites{
    background:#ffca61;
    border:1px #92967f solid;
    padding:15px
}
div.col2_bis .article_journal a,.col2 .epu_generalites a{
    color:#08756e;
}
div.col2_bis .article_journal h2,.col2 .epu_generalites h2{
    color:#993d00;
    background-image:none;
    padding-left:0
}
div.col2_bis .article_journal a:hover,.col2 .epu_generalites a:hover{
    color:#000;
}
/*........................................................ca....*/
.ca{
    background:#fcdec3 url(../images_site/ca2.png) repeat-y;
    color:#FFF;
}
.ca ul{ 
    background-image:url(../images_site/ca.gif);
    background-repeat:no-repeat;
    padding:10px 0
}
.col2 .ca h2{
    color:#003b49;
    font-size:1em;
    background-color:#fcc797;
    background-image: -webkit-linear-gradient(top, #fcc797 0%,#fcdec3 100%);
    background-image:    -moz-linear-gradient(top, #fcc797 0%,#fcdec3 100%);
    background-image:     -ms-linear-gradient(top, #fcc797 0%,#fcdec3 100%);
    background-image:      -o-linear-gradient(top, #fcc797 0%,#fcdec3 100%);
    background-image:         linear-gradient(top, #fcc797 0%,#fcdec3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc797',endColorstr='#fcdec3', GradientType=0);/*0 = vertical / 1 = horizontal*/	
    border-bottom:#fcc797 1px solid;
    margin-bottom:0;	
    padding:3px 10px
}
.col2 .ca li{
    list-style:none;
    padding:3px 0 0 0
}
#pied_contenu{
    position:relative;
    clear:both;
    font-size:0.6em;
    font-style:italic;
    padding-top:20px
}
#pied_contenu img{
    z-index:2;
    position:relative;
    vertical-align: middle;
    width:29px;
    height:44px;
    padding:14px 10px 14px 10px
}
#pied_contenu img:hover{
    width:49px;
    height:auto;
    padding:0
}
#pied_contenu a{
    display:none
}
#pied_contenu p{
/*    z-index:1;
    position:absolute;
    top:50px;*/
    width:100%;
    text-align:center
}
/*........................;...........................................................................nav footer.....*/
footer{
    position:relative
}
footer nav{
    position:relative;
    background:none;
    top:47px;
    border-left:#ccc 1px solid;
    padding:12px 0 5px 0
}
footer nav li a,footer nav li p{
    font-size:0.770em
}
footer nav li{
    padding-left:15px
}
footer nav li p{
    color:#ccc;
    padding-top:3px
}
footer nav a[title]{
    position:absolute;
    top:15px
}
footer {
    color:#FFF;
    padding: 0 40px;
    height:139px;
    background-color:#003b49;
    border:#6b6e5e solid;
    border-width:0 1px 1px 1px;
    -moz-border-radius:0 0 30px 30px;
    -webkit-border-radius:0 0 30px 30px;
    border-radius:0 0 30px 30px;
    background-image: -webkit-linear-gradient(top, #246799 0%,#003b49 70%);
    background-image:    -moz-linear-gradient(top, #246799 0%,#003b49 70%);
    background-image:     -ms-linear-gradient(top, #246799 0%,#003b49 70%);
    background-image:      -o-linear-gradient(top, #246799 0%,#003b49 70%);
    background-image:         linear-gradient(top, #246799 0%,#003b49 70%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006799',endColorstr='#003b49', GradientType=0)/*0 = vertical / 1 = horizontal*/	
}
/*......................................................cnilcookie.*/
.cnilcookie{
    z-index:10;
    position: fixed;
    width:auto; 
    bottom: 0;
    right:0;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:9px;
    color:#FFF;
    padding:5px;
    background-color:#666;
    border-top: #383737 1px solid;
    -webkit-box-shadow: 0 -3px 3px #393939;
    -moz-box-shadow: 0 -2px 3px #393939;
    box-shadow: 0 -2px 3px #393939;
}
.cnilcookie a{
    text-decoration:none;
    color:#fff !important
}
.cnilcookie a:hover{
    color:#000 !important
}
/*............................................................*/
article a[href$=".doc"],article a[href$=".docx"],article a[href$=".pdf"],article a[href$=".ppt"],article a[href*="teleslide"],.jscroller2_up p a[href$=".doc"],.jscroller2_up p a[href$=".docx"],.jscroller2_up p a[href$=".pdf"],.jscroller2_up p a[href$=".ptt"],.jscroller2_up p a[href*="teleslide"]{
    background:transparent url(../images_site/icone/icone_doc.png) 0 0 no-repeat;
    font-size:0.9em;
    padding:1px 0 2px 0;
    padding-left:20px
}
.doc,.docx,.ppt,.pdf{
    background:transparent url(../images_site/icone/icone_doc.png) 0 0 no-repeat;
    font-size:0.9em;
    padding:1px 0 2px 0;
    padding-left:20px
}
article a[href*="TeleslideDisplay"],.jscroller2_up p a[href*="TeleslideDisplay"]{
    background:transparent url(../images_site/icone/icone_teleslide.png) 0 0 no-repeat;
    padding-left:105px;
    padding-right:5px
}
article a[href$=".ppt"],.jscroller2_up p a[href$=".ppt"]{
    background:transparent url(../images_site/icone/icone_ppt.png) 0 0 no-repeat;
}
.ppt{
    background:transparent url(../images_site/icone/icone_ppt.png) 0 0 no-repeat;
}
article a[href$=".pdf"],.jscroller2_up p a[href$=".pdf"]{
    background:transparent url(../images_site/icone/icone_pdf.png) 0 0 no-repeat;
}
.pdf{
    background:transparent url(../images_site/icone/icone_pdf.png) 0 0 no-repeat;
}
/*.................................................................................plan............*/
.plan{
    font-size:0.85em;
    text-transform:uppercase;
    margin:0 auto
}
.plan li {
    border:transparent 1px solid;
    list-style:none;
    margin:0 0 10px 0
}
.plan_image li a{
    background:transparent url(../images_site/rss.gif) 0 0 no-repeat;
    padding:1px 0 1px 25px;
}
.plan li a{
    color:#006799;
    font-weight:bold
}
.plan li a:hover{
    text-decoration:underline;
    color:#148e86
}
.plan li > ul li{
    margin-left:20px
}
.plan li > ul li,.plan li > ul a{
    text-transform:lowercase;
    color:#000;
    font-weight:inherit;

}
.plan li > ul  ul li{
    list-style:circle;
    margin-left:40px
}
.plan .columns {
    -webkit-columns: 3;
    -moz-columns: 3;
    -o-column: 3; 
    columns: 3;
}
/* ......................................................................classes flottant........*/
.ie7.nav_header a.ie7,.ie7 footer nav a,.ie7 header div a,.ie7 .ariane li a,.ie7 header div form,.ie7 #connection,.ie7 .nav_header2 ul,.connection_log .close,ie7 .recherche p,.ie7 .bouton_sfp,.ie7 header .espace,.ie7 .columns2 article{/*display: inline-block pour ie7*/
    zoom:1;
    display: inline 
}
.couleur_alerte,#noscriptdiv .rouge{
    color:#F00
}
.couleur_alerte2{
    color:#17fbec
}
/*....................................................................................................*/
#noscriptdiv{
    width:300px;
    z-index:4;
    position:absolute;
    top:57px;
    left:20px;
    color:#2e2b1c;
    font-size:0.9em;
    border:#000 1px solid;
    background-color:#fbe9ce;
    padding:8px;
    border-radius:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}
#noscriptdiv .rouge{
    font-size:1.8em;  
}
#noscriptdiv .alertescript{
    background-color:#2e2b1c;
    padding:0 5px;
    font-weight:bold
}
/*.........................................................pageslide.....................*/
.open {
    display:none; 
    position:relative;
    background:#000 url(../images_site/menu_pageslide.png) no-repeat right 1px;
    border:none;
    top:-10px;
    left:0;
    height: 24px;
    width:100%;
    color:#CCC;
    text-align:right;
    font-weight:bold;
    font-size:0.8em
}
.open span{
    display:block;
    padding:3px 50px 0 0
}
.open:hover{
    background-color:#000
}

.nav_header2 .img-pageslide{
    display:none
}
/*...........................................canvas..........................*/
.canvas-carte{
    max-width:590px;
    margin:0 auto;
}
.canvas-carte .recherche p {
    top:5px;
    left: 5px;
}
.canvas-carte .recherche ul {
    left: 5px;
    top: 26px;
}
#canvas_france {
    width:100% !important;
    padding:20px 0 10px 0;
    background-color:#fcdec3;
    border:1px solid #92967f;
    border-radius:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}
svg{
    width:100%
}
#canvas_france [title] { /* on sélectionne l'attribut data-tip */
    position: relative;
    cursor: help;
    border-bottom: 1px dotted #aaa;
}
#canvas_france [title]:hover:after {
    content: attr(title); /* on récupère la valeur de l'attribut data-tip */
    position: absolute;
    top: 1.5em; left: 0;
    white-space: nowrap; /* no wrapping */
    padding: 5px 10px;
    background: #E69B00;
    color: #000;
}

.cheque{
    text-align:center;
    margin-top:30px;
    margin-bottom:20px
}
/*................................................................loader...............*/
.loader{
    position: fixed;
    z-index:9999;
    width:100%;
    min-height:101%;
    background-color:transparent;
    left:0
}
.loader2{
    position: absolute;
    width:50px;
    height:50px;
    background: #CCC url("../images_site/ajax-loader.gif")10px 10px no-repeat;
    border:#246799 1px solid;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin-left:-25px;
    margin-top:-25px;
    top:50%;
    left:50% 
}
/*..........................................................................................Manuels de pathologie*/
.M-pathologie .titre1{
    display:block !important;
    text-align: left !important;
    line-height: 1.2em !important;
    font-weight: normal !important;
    font-size:1.3rem !important;
    color: #006799 !important;
    background: transparent url(../images_site/sprite_png.png) 0 -201px no-repeat !important;
    padding: 3px 0 5px 25px !important;
    margin-bottom: 10px !important;
}
.M-pathologie .titre2{
    display:block !important;
    text-align: left !important;
    line-height: 1.2em !important;
    font-weight: normal !important;
    font-size: 1rem !important;
    color: #006799 !important;
    background: transparent url(../images_site/sprite_png.png) 0 -201px no-repeat !important;
    padding: 3px 0 5px 25px !important;
    margin-bottom: 10px !important;
}
.M-pathologie .titre3{
    display:block !important;
    text-align: left !important;
    line-height: 1.2em !important;
    font-weight: normal !important;
    font-size: 1rem !important;
    color: #006799 !important;
    padding: 3px 0 5px 0 !important;
    margin-bottom: 10px !important;
}
.M-pathologie .titre4{
    display:block !important;
    text-align: left !important;
    line-height: .9em !important;
    font-weight: bold !important;
    font-size: .9rem !important;
    color: #000000 !important;
    padding: 3px 0 5px 0 !important;
    margin-bottom: 10px !important;
}
.M-pathologie p{
    margin-bottom: 7px !important;  
}
/*.M-pathologie .image-texte {
    position: relative !important;
    top: 8px !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 10px !important;
}*/
.M-pathologie .image-texte[src*="rId"]{
	position: relative !important;
	top: 2px !important;
	width: auto !important;
	height: auto !important;
	padding:0 5px 0 2px !important;
	margin: 0 !important;
}
.M-pathologie .sp-puce{
    display: inline-block !important;
    padding-left:25px !important;
}
.M-pathologie .word_italic{
    font-style: italic !important;
}
.M-pathologie .word_gras{
    font-weight:bold !important;  
}
/*.................................................................................................................................................................*/
@media screen and (max-width: 1024px)
{
    /* propriétés pour tablette */	
    #global {
        max-width:976px;
    }
    header img {
        width: 336px;
        height:auto;
    }
    header {
        height: 235px;
    }
    header .espace {
        top:28px
    }
    .nav_header{
        height: 23px;
    }
    .nav_header li a {
        font-size: 0.8em;
        padding: 3px 30px 0 0;
    }
    .nav_header2 li a:hover[title],.nav_header2 .selection a[title]{
        padding: 10px 19px 11px 19px;
    }
    .nav_header1 {
        top: 23px;
    }
    .nav_header2 {
        top: 9px;
        /*top: 198px;*/
    }	
    .nav_header2 li a {
        color: #003B49;
        display: block;
        font-size: 0.73em;
        padding: 11px 8px 10px 8px;
    }
    .nav_header2 .copath_li a{
        padding:10px 8px 9px 8px
    }		
    h1 {
        font-size: 1.4em;
        margin-bottom: 15px;
    }
    .index h2 {
        font-size: 1.3em;;
        margin: 0 0 5px 10px;
    }
    .index .image {
        margin-top:28px
    }
    .col2 .ca a{
        padding-left: 23%;
        padding-right: 2%;
    }	
    footer nav {
        top:87px;
        height: 36px;
    }
}

@media screen and (max-width: 834px)
{
    /* propriétés pour mobile */
    .open { 
        display: block; 
    }
    ul#nav {
        display: none; 
    }
    #global {
        max-width:768px;
        color: #000000;
        margin: 0 auto;
    }
    header{
        background-position:-220px -30px;
        height: 148px;
    }	
    header img {
        height: auto;
        width:185px;
        top:0;
        left:10px
    }
    header .espace .espace2,header .espace span,header .espace a[href*="accueilAdministration"],header .espace a[href*="menu-tresorier"] {
        display:none
    }
    .nav_header {
        padding-right:0;
    }
    .nav_header2{
        padding-left:0;
    }		
    #pageslide  #nav #espace_suite,#pageslide  #nav #espaceepu_suite,#pageslide  #nav #espacedpc_suite,#pageslide  #nav #espacemulti_suite,#pageslide  #nav #docpublics_suite,#pageslide  #nav #espacecopath_suite{
        display: block !important;
    }
    .nav_header1 {
        border-bottom:#148e86 1px solid;
    }
    header .espace {
        background-image:none;
        background-color:#fbe9ce;
        width:50%;
        top:34px;
        padding:5px
    }
    header .espace a {
        display:inline;
        padding: 1px 0;
        color:#003b49;	
    }
    header .espace a:hover {
        color:#148e86;
        background:none
    }
    h1 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }
    #contenu {
        padding: 10px 15px 0 15px ;
    }
    .index .sidebar1,.index .content{
        width: 50%;	
    }
    .index .content{
        width: 48%;
        padding-left:2%	
    }
    div.col2_bis article.infos h2 {
        background-position: 0 -91px;
        padding-top: 8px;
    }
    .index .sidebar2{
        float:none;width: 100%;
        clear:both
    }
    .index .content article {
        margin: 0 0 15px;
    }
    article{
        text-align:left
    }
    article{
        word-wrap: break-word ;
    }
    .index .sidebar1 .action{
        min-height: 60px;
    }
    .index .image {
        width: 100%;
        margin-left:0
    }
    .index .image img{
        position:relative;
        left:-50px
    }
    .plan .columns {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -o-column: 1 ;
    }
    .col2 .sidebar1{
        width: 28%;
    }
    .col2 .sidebar2 {
        margin-left: 2%;
        width: 69.5%;
    }
    .col1 .content h2,.contact .content h2,.col2 h2{
        font-size:1.3em;
    }
    .columns,.columns2 {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -o-column: 1;
    }
    .col2 .dpc h2, .col2 .e-learning h2 {
        font-size: 0.9em;
    }
    .col2 .dpc h2, .col2 .e-learning h2, .col2 .epu h2 {
        font-size: 0.9em;
    }
    .col2 .dpc p, .col2 .e-learning p, .col2 .epu p {
        font-size: 0.9em;
    }
    .partenaire .sidebar2 article{
        width: 42.6%;
        margin: 0 0 8px 1%;
    }
    .partenaire .sidebar2 article h2{
        height:11px
    }
    .partenaire article p img {
        display: block;
        float: none;
    }
    .recherche ul{
        min-width:70%
    }
    #formulaire_soumission,#formulairecontact{
        width:auto 
    }
    #formulaire_soumission legend {
        width:90%
    }
    footer{
        /*height: 90px;*/
        border-radius:0;
    }
    footer nav {
        top:47px;
        height: 26px;
    }
    /*	footer nav li a{
                    display:none
            }*/
    footer nav li p {
        padding-left: 12px;
        text-align: right;
    }
    .col2 .sidebar2 .annuaire article{
        float:none;
        width:100%;
        margin-left:0
    }	
}
/*...................................................................................*/
@media screen and (max-width: 550px)
{	
    /* propriétés pour mobile */
    #global {
        max-width:550px;
    }
    .columns,.plan .columns {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -o-column: 1 ;
    }
    .col1 .content h2,.contact .content h2,.col2 h2{
        font-size:1.2em;
    }
    .sidebar1 nav{
        margin:10px 0;
    }
    header div input[type="password"],header div input[type="text"] {
        width: 100px;
    }
    .col2 .sidebar1,.sidebar1 .couleure1_2	{
        padding:10px 0
    }
    .col2 .sidebar1 ,.col2 .sidebar2 {
        float:none;
        width:100%;
        margin-left:0
    }
    div.col2_bis .sidebar1,div.col2_bis .sidebar2{
        border:none;
        width:100%;
        padding:0
    }
    .index .sidebar1,.index .content{
        width: 100%;
        margin-left:0	
    }.index .content{
        padding-left:0
    }
    .index .image,header .espace {
        display:none
    }
    div.col2_bis article.infos h2 {
        background-position: 0 -91px;
        padding-top: 11px;
    }
    .columns,.columns2 {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -o-column: 1;
    }
    .col2 .dpc h2, .col2 .e-learning h2, .col2 .epu h2 {
        padding: 4px 4px 4px 20px;
    }
    .col2 .dpc p, .col2 .e-learning p, .col2 .epu p {
        font-size: 0.9em;
        padding: 8px 4px 4px 4px;
    }
    .col2 .dpc img, .col2 .e-learning img, .col2 .epu img {
        width:26px;		
    }
    .col2 .dpc, .col2 .e-learning, .col2 .epu {
        margin-left: 0;
        width:95%
    }
    .ca,.ca ul {
        background-image:none
    }	
    .partenaire .sidebar2 article{
        width: 95%;
        margin: 0 1% 8px 0;
    }
    .recherche {
        top: -30px;
    }
    .bibliotheque_specialite .recherche {
        top:0;
    }
    footer nav {
        top: 40px;
        border-left:none
    }
}

@media screen and (max-width: 430px)
{
    /* propriétés pour mobile */
    .open {
        top:-8px;
    }
    #global {
        max-width:380px;
        min-width:240px
    }
    .nav_header{
        height:42px	
    }	
    .nav_header li a {
        font-size:0.75em;
        padding: 3px 10px 0 0;
        display:inline;
    }
    header div,footer nav a[title]{
        display:none !important
    }
    header img {
        left:0
    }
    .nav_header2{
        height:5px !important		
    }

    #contenu {
        padding: 10px 5px 0 5px ;
    }
    h1 {
        font-size: 1.1em;
        margin-bottom: 10px;
    }
    .index h2 {
        font-size:1.1em;
        margin: 0 0 5px 10px;
    }
    .col1 .content h2,.contact .content h2,.col2 h2{
        font-size:1.1em;
    }
.formulairecontact,.espace_membres .formulaireinscription.formulaireinscription2{
  padding: 10px 1px 30px 17px !important;
}
    .bibliotheque_specialite article{
        float:none;
        width:99.5%;
        margin:5px 0 0 0;
    }
    .partenaire .sidebar2 article{
        width: 90%;
        margin: 0 0 8px 0;
    }
    .recherche ul {
        white-space: normal;
    }
    .recherche li {
        margin-bottom:0
    }
    #pied_contenu img {
        display:none
    }
    #pied_contenu p {
        position:inherit;
        top: 0;
        padding:5px 0;
    }
    footer {
        padding: 0 5px;
    }	
    footer nav {
        border-left:none;
        width:98%;
        top:30px
    }
    footer nav li p {
        padding-left:0;
    }
    footer nav img {
        display:none
    }
}
@media screen and (max-width: 340px)
{
    /* propriétés pour mobile */
    #global {
        min-width:200px
    }
}