/*reset.css*/
html{ font-size:100%; }
body{
    margin:0;
    padding:0;
    color:#000000;
    font-size:62.5%;
}

b {
    font-weight: 600;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
#nav h1, #nav h3, #nav h4, #nav h5, #nav h6, #nav p, #nav form, #nav input,#page h1, #page h3, #page h4, #page h5, #page h6, #page p, #page form, #page input{font-size: 100%}
abbr,acronym{border:0;}

/*fonts.css*/
select, input, textarea{font:99% arial,helvetica,clean,sans-serif;}
body *{
  line-height:1.22em;
  max-width: none;
}

/* core.css*/
/* CSS Document */
body{
    font-size: 14px;
    word-wrap:normal;
    line-height: 20px;
}
h1, h2, h3, h4, h5, h6, p, form, input{
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: auto;
}
p{
    line-height: 1.22em;
}
h1 a, h2 a, h3 a , h4 a, h5 a , h6 a{
   text-decoration: none;
}

ul{
  margin:0;
  padding:0;
  list-style-type: none;
}
legend{
  display: none;
}
img{
    border: none;
    max-width: 600px;
}

/*pagelayout.css*/
/* CSS Document */
#general{
    width: 1080px;
}
/************************************************************************************************************************************************
******************************************* SQUELETTE HOME **********************************************************************************
*************************************************************************************************************************************************/
/*****************************************
****************** HEADER *************
******************************************/
#general #bandeau{
    height:124px;
    width:1080px;
    background-size: auto;
}
#general #bandeau .mini_lien{
    font-size: 100%;
    text-align: right;
    display: block;
    margin: 8px 0 7px;
}
#general #bandeau .mini_lien a:hover{
    text-decoration:underline;
}
#general #bandeau .logo{
    background:url(/extension/smiledesign/design/coe_public/images/css/logo-rexecode.png) no-repeat top left;
    background-size: 100%;
    width:263px;
    height:38px;
    display:block;
    margin:0 0 6px 13px;
    float: none;
    position: relative;
    top: 0;
}
#general #bandeau h1{
    font-size:108%;
    padding:0 0 0 71px;
}
#general #bandeau span{
    font-size:108%;
    display:block;
    padding:0 0 0 13px;
}
#general #bandeau .identification, #general #bandeau .identification_extranet{
    background:url(/extension/smiledesign/design/coe_public/images/css/bg_connexion_open.jpg) no-repeat top left #000000;
    width:207px;
    height:70px;
    float:right;
    padding-left:102px;
    padding-top:7px;
    margin-right: 0;
    min-height: 0;
    font-size: 100%;
    display: block;
    position: relative;
    border-radius: 3px;
    background-size: contain;
}
#general #bandeau .identification:before,#general #bandeau .identification_extranet:before{
    display: none;
}
.toggleMenu,.toggleAdh,.toggleThemes,.toggleRecherche ,.toggleZone{
    display: none;
}
/*#general #bandeau .identification legend{
    text-indent:-9000px;
    height:0;
    line-height:0;
    width:0;
    font-size:0;
}*/
#general #bandeau .identification input{
    width:68px;
    padding-left:5px;
    border-radius: 0;
    height:100%;
    font: 91% "Trebuchet MS";
}
#general #bandeau .identification fieldset{
    float: left;
    padding-top: 0;
    width: 91%;
    margin-left: 0;
}
#general #bandeau .identification span{
    display:none;
}
#general #bandeau .open span input{
    margin:2px;
    width:1.4em;
    height:1.4em;
}
#general #bandeau .open{
    height:70px;
    background:url(/extension/smiledesign/design/coe_public/images/css/bg_connexion_open.jpg) no-repeat top left #000000;
    background-size: contain;
}

#general #bandeau .open span{
    display:inline-block;
    padding:0;
    font-size:83%;
    color:#fff;
    font-family:Arial, Verdana, sans-serif;
}

#general #bandeau .identification .btn{
    background:url(/extension/smiledesign/design/coe_public/images/css/btn_connexion.png) no-repeat top left;
    margin:0;
    width:26px;
    height:18px;
    text-indent: -9999px;
}
#general #bandeau .identification ul,#general #bandeau .identification_extranet ul{
    margin-top:3px;
    margin-left: 0;
    margin-bottom: inherit;
    padding-right:0;
    padding-top: 0;
    position: relative;
    text-align: left;
    width: 100%;
    bottom: inherit;
    left: inherit;
    background-color: transparent ;
    top : 0 ;
    padding-left:0;
}
#general #bandeau .open ul{
    width :auto;
    background-color: transparent;
    top : 0 ;
    padding-left:0 ;
    margin-top: -2px ;
}

.agenda input[type="checkbox"], .search input[type="checkbox"] {
    width: 15px !important;
    height:15px !important;
    margin-left: 0;
    appearance:checkbox !important;
    -moz-appearance:checkbox !important;
    -webkit-appearance:checkbox !important;

}
#general #bandeau #memorize input[type="checkbox"], .user-login input[type=checkbox]{
    width: 15px !important;
    height: 15px !important;
    appearance:checkbox !important;
    -moz-appearance:checkbox !important;
    -webkit-appearance:checkbox !important;

}
.agenda input[type="checkbox"]:checked:before, .search input[type="checkbox"]:checked:before,
#general #bandeau #memorize input[type="checkbox"]:checked:before, .user-login .block input[type="checkbox"]:checked:before  {
    content : '';
}

.user-login input[type=checkbox] {
    margin : 0 !important
}

#general #bandeau .identification ul li{
    padding-right: 5px;
    margin-left: 0;
    margin-right: 0;
    display: block;
}
#general #bandeau .identification ul li:first-of-type{
  float: none;
}
#general #bandeau .identification ul li:last-of-type{
  float: none;
  margin-right: 0;
}
#general #bandeau .identification ul li a,#general #bandeau .identification_extranet ul li a{
    font-size:100%;
    color:#fff;
    display: inline;
}
#general #bandeau .identification_extranet ul li{
    display: inline-block;
    padding-left: 0;
    padding-right: 5px;
}
#general #bandeau .identification_extranet ul li:first-child{
    border: 0;
}
#general #bandeau .identification ul li a:hover{
    text-decoration:underline;
}
/*****************************************
****************** Menu ******************
******************************************/
#general #nav{
    height:47px;
    background:url(/extension/smiledesign/design/coe_public/images/css/bg.gif) repeat-x;
    position:relative;
    float: none;
    margin: 0;
}

#general #nav .coin{
    position:absolute;
    left:0;
    top:0;
    display: block;
}

#general #nav .barre_menu{
    width:822px;
    float:left;
    height:47px;
    position:relative;
    top: 0;
}


#general #nav .barre_menu .menu{
    white-space:nowrap /*IE hack*/;
    float:left;
    width:822px;
    border:none;
    color:#fff;
    font-size:100%;
    margin-top:2px;
    font-family:Arial, Helvetica, sans-serif;
    display: block;
}
#general #nav .barre_menu .menu{
    list-style-type:none;
}
#general #nav .barre_menu .menu li{
    float:left;
    z-index:auto !important /*Non-IE6*/;
    _z-index:1000 /*IE6*/;
}

#general #nav .barre_menu .menu li span{
    display:none;
}

#general #nav .barre_menu .menu li a{
    float:left !important /*Non-IE6*/;
    float:left /*IE-6*/;
    display:block;
    height:24px;
    padding:0 15px 0 15px;
    text-decoration:none;
    font-weight:bolder;
    color: #fff;
    line-height:23px;
    width: auto;
    margin-top: 0;
}
.menu1{
    height: auto;
    padding: 0;
}
#general #nav .barre_menu .menu li ul{
    display:none;
    border:none;
}
.arrow{
    display: none;
}
/*Non-IE6 hovering*/
#general #nav .barre_menu .menu li:hover, #general #nav .barre_menu .menu li.sfhover{
    position:relative;
}

#general #nav .barre_menu .menu li:hover span.left, #general #nav .barre_menu .menu li.sfhover span.left{
    width:15px;
    height:24px;
    background:url(/extension/smiledesign/design/coe_public/images/css/left.gif) no-repeat;
    float:left;
    display:block;
}

#general #nav .barre_menu .menu li:hover span.right, #general #nav .barre_menu .menu li.sfhover span.right{
    width:15px;
    height:24px;
    background:url(/extension/smiledesign/design/coe_public/images/css/right.gif) no-repeat;
    float:left;
    display:block;
    margin-top: 0;
}
#general #nav .barre_menu .menu li:hover a, #general #nav .barre_menu .menu li.sfhover a{
    text-decoration:none;
    padding:0;
    background:url(/extension/smiledesign/design/coe_public/images/css/bg_item.gif) repeat-x;
}
#general #nav .barre_menu .menu li:hover ul, #general #nav .barre_menu .menu li.sfhover ul{
    display:block;
    width:200px;
    position:absolute;
    z-index:999;
    top:23px;
    margin-top:0;
    left:1px;
}
#general #nav .barre_menu .menu li:hover ul li a, #general #nav .barre_menu .menu li.sfhover ul li a{
    white-space:normal;
    display:block;
    width:200px;
    height:auto;
    line-height:1.3em;
    margin-left:-1px;
    padding:4px 15px;
    font-weight:normal;
    color:#fff;
    background:#276391;
}
#general #nav .barre_menu .menu li:hover ul li a:hover{
    background:#276391;
    text-decoration:underline;
}
#general #nav .barre_menu .menu li li.bas_menu{
    padding:0;
    margin:0 0 0 -1px;
    width:199px;
}
/***/
#general #nav .barre_menu .ssmenu{
    clear:left;
    height:23px;
    padding-left:18px;
    display: block;
}

#general #nav .barre_menu .ssmenu li{
    display:inline;
    padding:4px 15px 4px 0;
    line-height:20px;
}

#general #nav .barre_menu .ssmenu li a{
    color:#fff;
    text-decoration:none;
}

#general #nav .barre_menu .ssmenu li a:hover{
    color:#fff;
    text-decoration:underline;
}

#general #nav .recherche{
    float:right;
    padding: 3px 3px 0 0;
    margin-top: 0;
    font-size: 100%;
    margin-left: auto;
    position: relative;
    top: 0;
    display: block;
    opacity: 1;
    height: auto;
}

#general #nav .recherche input{
    width:111px;
    height:16px;
    padding:1px 10px 0 5px;
    margin:0 0 4px 0;
    font: 91% "Trebuchet MS";
    color: #626262;
}

#general #nav .recherche .btn{
    background-size: auto auto;
    margin:0 0 0 -10px;
    width:26px;
    height:19px;
    margin-bottom:5px;
    display: inline;
    background: url("/extension/smiledesign/design/coe_public/images/css/btn_ok.png") no-repeat;
    border: medium none;
    cursor: pointer;
    text-indent: -9000px;
    float: none;
}

#general #nav .recherche a{
    color:#fff;
    text-decoration:none;
    display:block;
    margin-left:6px;
    margin-top: 1px;
}

#general #nav .recherche a:hover{
    color:#fff;
    text-decoration:underline;
    display:block;
    margin-left:6px;
}

/*****************************************
****************** FOOTER *************
******************************************/
#general #footer{
    height:76px;
    background-size: auto;
    padding:14px 15px 0 23px;
    width: auto;
}#general #footer ul {
    margin-top: 0;
 }
#general #footer ul li{
    font-size:91%;
    padding-left: 3px;
    display: inline;
    margin: 0;
    font-weight: normal;
    font-style: normal;
}
.border_footer{
    border-right: 1px solid #ffffff;
    padding-right: 5px;
}
#general #footer .logo{
    float:right;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

/**************************************************************
*************************** CONTENEUR *************************
**************************************************************/
#general #page{
    padding:24px 12px;
}
/*********************************************************
********************* col_left ***************************
*********************************************************/
#general #page .col_left{
    /*display:table-cell;*/
    width:679px;
    font-size: 100%;
}
#general #page.one_col_center .col_center .online_editor p{
    display: block;
    font-size: 100%;
    line-height: 20px;
}
#nav .online_editor h2{
    color:#0071b9;
    margin:0 0 5px 0;
    line-height:22px;
}
.online_editor .date{
    font-size:91%;
}

.online_editor .chapo{
    font-size:116%;
    line-height:16px;
}
#general #page.one_col_center .col_center .online_editor .chapo p{
    font-size: 100%;
}
#page .online_editor .chapo p {
  font-size: inherit;
}
.savoir_plus{
    padding:9px 8px 3px 65px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 100%;
    margin: 18px 0 0;
}
.savoir_plus b{
    font-size: 100%;
  padding-left: 0;
}
.savoir_plus.dernieres_publi .date{
    font-size:91%;
}
.savoir_plus ul.plus{
    margin-top: -20px;
}
.file_savoir_plus{
    display: inline-block;
    width: 455px;
    font-size: 100%;
}
.savoir_plus_logo img{
    width: 52px;
    height: 52px;
    top: -15px;
    left: 0;
}
.savoir_plus_title{
    font-size: 120%;
    top: -5px;
    width: 200px;
    color: #6d6d6d;
    padding-left: 0;
}
.savoir_plus_title_voir{
    font-size: 120%;
    top: -5px;
    width: 150px;
    margin-bottom: 15px;
    color: #E75404;
    padding-left: 0;
}
.savoir_plus ul.plus2 img{
    width: 20px;
}
.savoir_plus_indicateur{
    float:right;
    width:250px;
    font-size: 100%;
}

ul.plus li,ul.plus2 li{
    list-style: none;
    font-size: 100%;
    padding-left: 0;
}

ul.plus li{
    background:url(/extension/smiledesign/design/coe_public/images/css/fleche_noire.gif) no-repeat left 4px;
    padding-left:10px;
    margin-bottom:3px;
    background-size: auto;
    font-size: 100%;
}
.mes_alertes ul.plus li {
  font-size: inherit;
}

ul.plus li a,ul.plus2 li a{
    color:#0071b9;
    text-decoration:none;
    font-size: 100%;
    margin-left: 0;
    line-height: 20px;
}
.col_left .online_editor .lien{
    margin:0 0 5px 0;
    font-size: 100%;
}
/*********************************************************
********************* col_center *************************
*********************************************************/
#general #page .col_center{
    width:200px;
    padding-left:25px;
    /*display:table-cell;*/
}

#general #page .col_center h1{
    font-size:181%;
    margin:0 0 15px 0;
    padding:0 10px 0 0;
    line-height:22px;

}
#general #page .col_center h2{
    font-size:150%;
    line-height:22px;
}

.col_center .adherer{
    background:url(/extension/smiledesign/design/coe_public/images/css/bg_adherer.png) no-repeat;
    font-size:133%;
    display:block;
    width:170px;
    height:30px;
    padding:9px 0 0 20px;
    color:#fff;
    margin:0 0 24px 0;
}

#general #page .bloc_reflex{
    margin-bottom:28px;
}

#general #page .bloc_reflex .titre{
    background:url(/extension/smiledesign/design/coe_public/images/css/baniere-etudes.png) no-repeat top left;
    padding:7px 9px 0 15px;
    display: block;
    font-size:133%;
    color: #ffffff;
    line-height:15px;
    height: 48px;
    width: 180px;
}

#general #page .bloc_reflex ul li{
    padding:3px 30px 4px 15px;
    background:url(/extension/smiledesign/design/coe_public/images/css/tiret_gris.gif) repeat-x bottom left;
    display: inline-block;
}
.bloc_reflex .marron, .bloc_reflex .orange, .bloc_reflex .orange_clair,
.bloc_reflex .vert, .bloc_reflex .vert_clair, .bloc_reflex .bleu{
    color:#a6960e;
    font-size:116%;
    text-decoration: none;
}
.bloc_reflex .orange{
    color:#e16c2d;
}
.bloc_reflex .orange_clair{
    color:#f59725;
}
.bloc_reflex .vert{
    color:#a6ba20;
}
.bloc_reflex .vert_clair{
    color:#5bb34a;
}
.bloc_reflex .bleu{
    color:#26b6bf;
}
.bloc_reflex img{
    display: inline-block;
    width: 55px;
    height: 55px;
    vertical-align: middle;
}
.content_debat{
    display: inline-block;
    width: 95px;
    vertical-align: middle;
    font-size: 112%;
    font-weight:bolder;
}
/*********************************************************
********************* col_right **************************
*********************************************************/
#general #page .col_right{
    width:336px;
    padding-left:28px;
    margin-left: 0;
    /*display:table-cell;*/
}
#general #page .col_right .bloc a {
    font-size: inherit;
}
#general #page .col_right .bloc .top_bloc{
    background:url(/extension/smiledesign/design/coe_public/images/css/barre_bloc_h.gif) no-repeat;
    height:8px;
    overflow:hidden;
}
#general #page .col_right .bloc .bas_bloc{
    background:url(/extension/smiledesign/design/coe_public/images/css/barre_bloc_b.gif) no-repeat;
    height:11px;
}

#general #page .col_right .bloc .contenu{
    border-left:solid 1px #cdcdcd;
    border-right:solid 1px #cdcdcd;
    padding:0 10px 0 11px;
    margin-left: 0;
}
#general #page .col_right .bloc h2.titre{
    font-size:150%;
    font-weight: normal;
}
#general #page .col_right .bloc h2 {
    font-size: 133%;
}
#general #page .col_right .bloc .pagination{
    /*clear: none;*/
    /*float: right;*/
    /*margin: 5px 10px 0 0;*/
}
#general #page .col_right .bloc .pagination a{
    width:16px;
    font-size:91%;
}
#general #page .col_right .bloc .pagination a.select, #general #page .col_right .bloc .pagination span{
    margin:0 3px;
    background-size: auto;
    font-size: 100%;
}
#general #page .col_right .bloc .pagination .fleche_prec{
    /*background: url("/extension/smiledesign/design/coe_public/images/css/fleche_orange_prec.gif") no-repeat scroll left 4px rgba(0, 0, 0, 0);*/
    /*width: 5px;*/
    /*height: 11px;*/
}
#general #page .col_right .bloc .pagination .fleche_suiv{
    /*background: url("/extension/smiledesign/design/coe_public/images/css/fleche_orange_suiv.gif") no-repeat scroll left 4px rgba(0, 0, 0, 0);*/
    /*width: 5px;*/
    /*height: 11px;*/
}
#general #page .col_right .bloc .pagination span,#general #page .col_right .bloc .pagination a{
    /*display: block;*/
}
#general #page .col_right .bloc div.date{
    width:60px;
    font-size:100%;
}
#general #page .col_right .bloc p{
    font-size:91%;
    padding: 0 0 3px 9px
}
#general #page .col_right .bloc p a.rubrique{
	font-weight: normal;
}
#general #page .col_right .bloc div.texte{
    width:245px;
    padding-left: 0;
    font-size: 100%;
}
.bloc .picto img {
    position: relative;
}
#general #page .col_right .link a:hover{
    text-decoration:underline;
}
#general #page .col_right .link {
    float: none;
}
.icon{
    margin-bottom: 10px;
}
.icon a{
    margin-right: 10px;
}

.icon img{
    height: 41px;
}
.subscriptiontxt{
    width: 71px;
    font-size: 100%;
}

.icon .sprite{
}

.icon .sprite-picto-RSS,.icon_extra .sprite-picto-RSS{
    width: 41px;
    height: 41px;
    background-position: -7px -7px;
    margin-right: 22px;
    margin-left: 0;
}

.icon .sprite-picto-alertes-mail,.icon_extra .sprite-picto-alertes-mail{
    width: 41px;
    height: 41px;
    background-position: -7px -143px;
    margin-right: 22px;
}

.icon .sprite-picto-newsletter{
    width: 54px;
    height: 41px;
    background-position: -4px -188px;
    margin-right: 0;
    background-size: 113%;
}
.icon_extra .sprite-picto-equipe {
    width: 54px;
    height: 41px;
    background-position: -4px -324px;
    margin-right: 0;
    background-size: 118%;
}
.icon .sprite-picto-twitter,.icon_extra .sprite-picto-twitter{
    width: 41px;
    height: 41px;
    background-position: -7px -277px;
    margin-right: 22px;
}
.icon_extra .sprite-picto-agenda{
    width: 41px;
    height: 41px;
    background-position: -8px -75px;
    margin-right: 22px!important;
}

    
/************************************************************************
****************************** one_col_center ***************************
************************************************************************/
#general #page.one_col_center{
    padding: 24px 12px;
}
#general #page.one_col_center .col_center{
    float:left;
    width:679px;
    padding-left:0;
    padding-right: 15px;
}
.fil_ariane{
    display: block;
    font-size:91%;
    margin:0 0 14px 0;
}
/*****************************************************************
**********************  espace adherant  *************************
*****************************************************************/
#general #bandeau .identification p,#general #bandeau .identification_extranet p{
    font-weight:bold;
    color:#fff;
    padding-bottom:3px;
    font-size: 100%;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
}
.online_editor .visuel{
    float:left;
    margin:3px 10px 3px 0;
    max-width: 600px;
    padding-bottom: 20px;
}
#general #page.one_col_center .col_center .online_editor .visuel img{
    max-width: 600px;
}
.ajust_with_img { /* @TODO refacto */
    display: inline-block !important;
    min-width: 300px;
}
.visuel object{
    display: inline;
}
/*content.css*/
/* CSS Document */
/*************************************************************************************************************************************
******************************************* BLOCKS **********************************************************************************
*************************************************************************************************************************************/
/*********************************************************
******************* accueil_adh **************************
*********************************************************/
.col_center .bloc{
    margin:0 0 20px 0;
}
.col_center .bloc .titre{
    margin:0 0 6px 0;
    width: 195px;
}
.col_center .bloc .titre img{
    float:left;
    margin:3px 9px 0 0;
}
#general #page .col_center .bloc .titre h2{
    padding:0 0 0 0;
}
.col_center .bloc h3{
    font-size:91%;
    color:#ff7e00;
    margin:0 0 1px 0;
    font-weight:normal;
}
.col_center .bloc .chapo{
    color:#0071b9;
    margin:0 0 8px 0;
}
.col_center .bloc .liste .date{
    color:#838383;
    font-size:91%;
    padding:0 0 0 0;
}
#general #page.one_col_center .col_center .online_editor .liste a{
    display: inline;
    font-size: 100%;
}
#general #page.one_col_center .col_center .online_editor .liste li{
    padding-bottom: 0;
    padding-top: 8px;
    font-size: 100%;
}
#general #page .col_right .bloc .contenu .lien{
    color:#296dc0;
    font-weight:normal;
    display:inline-block;
    padding: 0 0 0 9px;
}
.col_right .acces{
    background:url(/extension/smiledesign/design/coe_public/images/css/bg_acces.png) no-repeat;
    width:332px;
    height:246px;
    padding:6px 2px 0 2px;
    display: block;
    font-size: 100%;
}
.col_right .acces h2{
    font-size:133%;
    color:#fff;
    margin:0 0 7px 6px;
    font-weight:bold;
}
.col_right .acces .lien{
    float:right;
    background:url(/extension/smiledesign/design/coe_public/images/css/icone.png) no-repeat left;
    padding:0 0 0 22px;
    color:#fff;
    margin:4px 8px 0 0;
    font-size:91%;
}
.col_right .acces .onglet{
    margin:0 0 -2px 10px;
}
.col_right .acces .onglet li{
    float:left;
    margin:0 1px 0 0;
    position:relative;
    z-index:+999999;
}
.col_right .acces .onglet li .left_onglet, .col_right .acces .onglet li .right_onglet{
    background:url(/extension/smiledesign/design/coe_public/images/css/left_onglet.gif) no-repeat left;
    width:4px;
    height:25px;
    display:block;
    float:left;
}
.col_right .acces .onglet li .right_onglet{
    background:url(/extension/smiledesign/design/coe_public/images/css/right_onglet.gif) no-repeat left;
}
.col_right .acces .onglet li a{
    background:url(/extension/smiledesign/design/coe_public/images/css/repeat_onglet.gif) repeat-x left;
    height:20px;
    display:block;
    float:left;
    padding:5px 6px 0 6px;
    font-weight:bold;
    text-decoration:none;
    color:#000;
}
.col_right .acces .onglet li.encour{
    margin:-3px 1px 0 0;

}
.col_right .acces .onglet li.encour .left_onglet, .col_right .acces .onglet li.encour .right_onglet{
    background:url(/extension/smiledesign/design/coe_public/images/css/left_onglet_encour.gif) no-repeat left;
    height:28px;
}
.col_right .acces .onglet li.encour .right_onglet{
    background:url(/extension/smiledesign/design/coe_public/images/css/right_onglet_encour.gif) no-repeat left;
}
.col_right .acces .onglet li.encour a{
    background:url(/extension/smiledesign/design/coe_public/images/css/repeat_onglet_encour.gif) repeat-x left;
    height:20px;
    padding:8px 6px 0 6px;
    color:#0071b9;
}
.col_right .bloc_acces{
    background:url(/extension/smiledesign/design/coe_public/images/css/bg_bloc_acces.png) no-repeat;
    width:325px;
    height:182px;
    padding:10px 0 0 7px;
    margin:0 0 0 0;
    border-top:1px solid #cdcdcd;
}
.col_right .bloc_acces .border{
    float:left;
    background:url(/extension/smiledesign/design/coe_public/images/css/border.png) no-repeat;
    width:186px;
    height:167px;
    padding:1px 0 0 1px;
    margin:0 4px 0 0;
}
.col_right .bloc_acces .border object embed{
  height: 166px;
}
.col_right .bloc_acces ul{
    margin:3px 0 0 0;
}
.col_right .bloc_acces li{
    margin:0 0 1px 0;
}
.col_right .bloc_acces li a{
    font-weight:bold;
}
/***********************************************************************************
******************************* Coe-Rexecode_synth *********************************
***********************************************************************************/
.reunion{}
.reunion .visuel{
    float:left;
    margin:3px 18px 9px 0;
}
#general #page .col_center .reunion {
    padding: 0;
}
#general #page .col_center .online_editor{
    padding: 0;
    margin-bottom: 20px;
}
#general #page.one_col_center .col_center .reunion h1{
    font-size:183%;
    margin:0 0 7px 0;
}
#general #page.one_col_center .col_center .reunion td{
    font-size: 1em;
}
#general #page.one_col_center .col_center .reunion p{
    margin:0 0 0 0;
    padding:0 0 10px 0;
    font-size: 100%;
}
#general #page.one_col_center .col_center .reunion .chapo{
    font-size:116%;
    line-height:16px;
    color:#0071b9;
    margin:0 0 12px 0;
}
.col_center .reunion .liste_lien{
    float:left;
    margin:0 0 12px 0;
    font-size: 100%;
}

.col_center .reunion .liste_lien li{
    float:left;
    padding-right: 5px;
    padding-bottom: 5px;
}
.col_center .reunion .liste_lien li img{
    vertical-align:top;
    padding-right:6px;
    width: 20px;
}
.col_center .reunion .liste_lien li a{
    color:#ff7e00;
    text-decoration:none;
    font-weight:normal;
    font-size:91%;
    vertical-align: super;
}
.col_center .reunion .liste_lien li a:hover{
    color:#ff7e00;
    text-decoration:underline;
}
.acces_infos{
    background:url(/extension/smiledesign/design/coe_public/images/css/repeat_acces_infos.gif) repeat-y ;
    width:470px;
    margin:0 auto 10px auto;
    background-color:transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    margin-bottom: 10px;
}
.top_acces_infos{
    background:url(/extension/smiledesign/design/coe_public/images/css/top_acces_infos.gif) no-repeat;
    height:4px;
    overflow:hidden;
}
.contenu_acces_infos{
    background:url(/extension/smiledesign/design/coe_public/images/css/bg_acces_infos.gif) no-repeat bottom;
    padding:5px 0 9px 14px;
}
#general #page.one_col_center .col_center .reunion .contenu_acces_infos p{
    margin:0 0 0 0;
    padding:0 0 0 0;
}
.col_center .separateur{
    background:url(/extension/smiledesign/design/coe_public/images/css/separateur_p.png) no-repeat ;
    margin:0 0 15px 0;
}
#general #page.one_col_center .col_center .online_editor h3{
    font-size:116%;
}
#general #page.one_col_center .col_center .online_editor .date{
    font-size: 100%;
}
#general #page.one_col_center .col_center .online_editor .lien, #general .col_center .lien{
    background-size: auto;
    font-size:91%;
}
#general #page.one_col_center .col_center .online_editor .voir_aussi{
    margin: 18px 0 0;
}
#general #page.one_col_center .col_center .online_editor h4{
    font-size:116%;
}
#general #page.one_col_center .col_center .rencontres h2{
    margin:0 0 3px 0;
}
.archive{
    font-size: 100%;
    margin-top: 65px;
}
.archive li{
    padding: 0 0 4px 28px;
}
/***************************************
************** col_droit ***************
***************************************/
.col_right .bloc .veille_conjoncturelle li{
    background:url(/extension/smiledesign/design/coe_public/images/css/fleche_orange_suiv.gif) no-repeat left 3px;
    padding:0 0 0 12px;
    margin:0 0 3px 0;
    height: auto;
}
#general #page .col_right .bloc .veille_conjoncturelle li a{
    font-weight:normal;
    color:#000;
    font-size:91%;
}
.bloc_acces .liste_pays{
    padding:3px 0 0 18px;
}
.bloc_acces .liste_pays li{
    margin:0 0 0 0;
    line-height:14px;
}
.bloc_acces .liste_pays li a{
    font-weight:normal;
    color:#000;
    font-size:91%;
}
/***********************************************************************************
***************************** Coe-Rexecode_indicateur ******************************
***********************************************************************************/
.bloc_titre{
    margin:0 0 5px 0;
}
#general #page.one_col_center .col_center .bloc_titre h1{
    font-size:133%;
    font-family:"Trebuchet MS";
    color:#ff7e00;
    padding:10px 0 0 0;
    font-weight:normal;
}
.bloc_titre span{
    font-size:212%;
    background:url(/extension/smiledesign/design/coe_public/images/css/indicateur.png) no-repeat;
    color:#fff;
    float:left;
    width:105px;
    height:52px;
    display:block;
    padding:18px 0 0 8px;
    margin:0 14px 0 0;
}
.col_center .online_editor .visuel2{
    float:left;
    border:1px solid #d0d0d0;
    margin:0 18px 20px 0;
}
/***********************************************************************************
****************************** Coe-Rexecode_annuaire *******************************
***********************************************************************************/
.annuaire .titre{
  background: none;
}
.annuaire .item_block p, #page .annuaire .item_block p {
  font-size: 100%;
}
.annuaire .titre a{
    background:url(/extension/smiledesign/design/coe_public/images/css/bg_titre_annuaire_open.png) no-repeat;
    width:574px;
    height:21px;
    padding:7px 0 0 20px;
    color:#000;
    font-size: 100%;
}
.annuaire .open a{
    background:url(/extension/smiledesign/design/coe_public/images/css/bg_titre_annuaire.png) no-repeat;
}
.annuaire .item_block{
    padding:16px 40px 0 0;
}
.annuaire .item_block .visuel{
    border:1px solid #dedede;
    width:65px;
    height:75px;
    padding:1px;
    margin:2px 10px 0 0;
}
.annuaire .item_block .big_visuel{
    width:172px;
    max-height:198px;
    padding:1px;
    margin:2px 10px 0 0;
    float: left;
    text-align:center;
}
.fu_align {
}
.annuaire .item_block .domaine{
    padding:18px 0 0 0;
}
#page .annuaire .item_block h4{
    font-size:116%;
    margin:0 0 3px 0;
}
.annuaire .item_block .fiche{
    font-size:91%;
    background:url(/extension/smiledesign/design/coe_public/images/css/icone3.png) no-repeat left;
    padding:0 0 0 16px;
    margin:9px 0 10px 0;
  height: auto;
}
.annuaire span{
    font-size: 100%;
}
.contact ul.plus li a {
  font-size: 100%;
}
/***********************************************************************************
****************************** Coe-Rexecode_contact ********************************
***********************************************************************************/
#general #page .col_center .contact h2{
    font-size:183%;
    margin:0 0 5px 0;
}
#page .col_center .contact p{
    padding:0 0 18px 0;
    font-size: 100%;
}
.col_center .contact form{
    padding:10px 50px 0 82px;
    font-family:Arial, Helvetica, sans-serif;
}
.col_center .contact form div{
    padding:0 0 15px 0;
}
.col_center .contact label{
    font-size:91%;
    display:block;
    float:left;
    width:60px;
    text-align:right;
    font-weight:bold;
    color:#0071b9;
    margin:2px 10px 0 0;
}
.col_center .contact input{
    float:left;
    width:229px;
    height:14px;
}
.col_center .contact textarea{
    width:240px;
    min-height:25px;
}
.col_center .contact .envoyer{
    float:right;
    width:auto;
}
.col_center .contact .envoyer .left, .col_center .contact .envoyer .right{
    float:left;
    background:url(/extension/smiledesign/design/coe_public/images/css/left_btn.gif) no-repeat;
    width:9px;
    height:20px;
}
.col_center .contact .envoyer .right{
    background:url(/extension/smiledesign/design/coe_public/images/css/right_btn.gif) no-repeat;
}
.col_center .contact .envoyer input{
    background: url("/extension/smiledesign/design/coe_public/images/css/repeat_btn.gif") repeat-x ;
    background-size: auto;
    height:20px;
    width:auto;
    margin: 0;
    max-width: none;
    padding:0 0 4px 0;
}
.champ{
    font-size:91%;
}
.col_center .contact .champ{
    padding:0 0 0 60px;
    color:#838383;
    font-size: 100%;
}

/***********************************************************************************
******************************* Coe-Rexecode_mots **********************************
***********************************************************************************/
#general #page .col_center .pays_zone{
    border:solid 1px #cdcdcd;
    padding:9px 0 5px 12px;
    margin:0 0 25px 0;
}
#general #page.one_col_center .col_center .pays_zone h1{
    color:#0071b9;
}
#general #page.one_col_center .col_center .pays_zone .liste_lien li{
    padding-right:3px;
}
.liste_contact span{
    font-weight:bold;
    display:block;
    padding:0 0 4px 0;
    font-size: 100%;
}
.liste_contact li{
    font-size:91%;
    margin:0 0 7px 0;
}
.liste_contact li a{
    background:url(/extension/smiledesign/design/coe_public/images/css/icone2.png) no-repeat left;
    padding:0 0 0 22px;
    color:#000;
    font-size: 100%;
}
.liste_contact li span{
    font-weight:normal;
    padding:0 2px 0 0;
    float:left;
    width:76px;
    text-align:right;
}
.col_center .documents .liste{
    margin-bottom: 13px;
    margin-top: 5px;
}
.documents .liste li {
  font-size: 100%;
}
#general #page.one_col_center .col_center .documents h2{
    margin:10px 0 0 0;
}
.col_center .documents .date{
    color:#838383;
    margin:0 0 0 0;
    font-size:100%;
}
.col_center .documents ul{
    margin:0 0 20px 0;
}
#general #page.one_col_center .col_center .documents .separateur{
    padding:0 0 0 0;
    margin:0;
}

/***********************************************************************************
****************************** Coe-Rexecode_recherche_resultats ********************************
***********************************************************************************/
#general #page .col_center_search .search h2{
    font-size:183%;
    margin:0 8px 5px 0;
    display: inline;
    float:left;
    font-weight: normal;
    color: #0071B9;
    font-family: "Trebuchet MS";
}
#page .col_center_search .search p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    padding:0 0 10px 0;
}
.col_center_search .search .separateur{
    background:url(/extension/smiledesign/design/coe_public/images/css/separateur_search.png) no-repeat ;
    height:1px;
    overflow:hidden;
    margin:0 0 0 0;
    width: 950px;
}
.col_center_search .search .search_form{
    width: 950px;
}
.search_form ul.plus {
  font-size: 100%;
}
.col_center_search .search .search_form label{
    width:164px;
    margin:0 10px 0 156px;
    font-size: 95%;
    text-align: right;
}
.col_center_search .search .search_form .label_date2{
    width: 30px;
    clear: none;
    margin-left: 10px;
    font-size: 95%;
    text-align: right;
}
.col_center_search .search .search_form .input_search_form{
    width:210px;
}
.col_center_search .search .search_form .select_search_form{
    width:274px;
    height: 18px;
    font-size: 90%;
}
.col_center_search .search .search_form .date_search_form1{
    width:78px;
    height: 15px;
    clear: none;
}
.col_center_search .search .search_form .date_search_form2{
    width:78px;
}
.col_center_search .search .search_form .bt_blue{
    padding: 0 0 3px 0;
    background-size: auto;
    width: 98px;
    height: 18px;
    margin: 10px 0 20px 510px;
    background: url(/extension/smiledesign/design/coe_public/images/css/bg_bt_blue.gif) no-repeat;
    position: relative;
    left: 0;
}
.col_center_search .search .search_form .bt_dark{
    background-size: auto;
    width: 157px;
}
.col_center_search .champ{
    margin-bottom: 0;
}
/***********************
******* Liste de Resultas
***********************/
#Rechercher_interieur_des_documents{
    width: auto;
    height: auto;
}
.col_center_search .search .results .n_results{
    padding: 18px 0 10px 0;
    font-size: inherit;
}
.col_center_search .search .results .pagination{
    padding: 5px 0 0 0;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 0 10px 0;
    width: 950px;
    text-align: right;
}
.col_center_search .search .results .pagination ul{
    float: right;
    line-height: normal;
}
.col_center_search .search .results .pagination li{
    display: inline;
    padding: 0 0 0 1px;
    font-size: 100%;
}
.col_center_search .search .results .pagination li a{
    color: #0071B9;
    font-weight: normal
}
#page .col_center_search .search .results .results_list p{
    color: #4E4D4D;
    font-size: 100%;
    font-family: "Trebuchet MS";
    padding:0;
}
.col_center_search .search .results .results_list ul{
    margin-top: 0;
}
.col_center_search .search .results .results_list ul li{
    display: block;
    padding: 0 0 15px 1px;
    border: 0;
}
.col_center_search .search .results .pagination li:first-child{
    display: inline;
}
.col_center_search .search .results .results_list ul li h4 a{
    color: #0071B9;
    font-size:116%;
    font-weight:bold;
}
.col_center_search .search .results .results_list .date{
    color: #FF7E00;
    font-size: 90%;
    font-weight: bold;
}
.col_center_search .search .results .results_list .rub{
    color: #666666;
    font-size: 90%;
}
.col_center_search .search .results .results_list .pertinence{
    font-size: 90%;
    color:#FF7E00;
}
.col_center_search .search .results .results_list .highlighted{
    color:#0071B9;
}
/************************************************************************
****************************** one_col_center Recherche ***************************
************************************************************************/

#general #page.one_col_center .col_center_search{
    float:left;
    width:100%;
    padding-left:0;
}
#general #page.one_col_center .col_center_search .search_result_for{
    float:left;
    padding:4px 4px 0 0;
    font-family: Arial, Helvetica, sans-serif;
}
#general #page.one_col_center .col_center_search .search .search_result_for legend{
    text-indent:-9000px;
    height:0;
    line-height:0;
    width:0;
    font-size:0;
}
#general #page.one_col_center .col_center_search .search .search_result_for label{
    font-size:90%;
    font-weight:normal;
    padding-left:5px;
}
#general #page.one_col_center .col_center_search .search .search_result_for input{
    border-right:none;
    height:16px;
    margin:0;
    color:#626262;
    font-size: 90%;
}
#general #page.one_col_center .col_center_search .search .search_result_for .input_search{
    border:solid 1px #CDCDCD;
    width: 225px;
    padding:1px 10px 0 5px;
    margin:-1px 0 5px 0;
    height:15px;
}
#general #page.one_col_center .col_center_search .search .search_result_for input[type=checkbox]{
    border: none; padding: 10px;
}
#general #page.one_col_center .col_center_search .search .search_result_for .btn{
    background:url(/extension/smiledesign/design/coe_public/images/css/btn_ok2.png) no-repeat top left;
    text-indent:-9000px;
    margin:0 20px 0 -10px;
    padding:0;
    border:none;
    width:26px;
    height:19px;
    margin-bottom:5px;
    cursor:pointer;
}
/***********************************************************************************
****************************** Coe-Rexecode_agenda *******************************
***********************************************************************************/
#general #page .col_center .agenda h1{
    font-size:183%;
    margin:0 0 20px 0;
}

.agenda form{
    padding:16px 40px 8px 0;
}
.agenda form .visuel{
    padding:1px;
    float:left;
    margin:2px 10px 0 0;
    overflow:hidden;
    min-height: 105px;
}
.agenda form label{
    font-size: 100%;
    margin-top: 2px;
}
#general #page .col_center .agenda form h2{
    font-size:116%;
    font-weight:bold;
    margin:0 0 3px 0;
    color:#0071b9;
}

.agenda form .checkbox{
    padding:1px;
    float:left;
    margin:6px 10px 0 5px;
    overflow:hidden;
    float: left;
    width: inherit;
    height: inherit;
}
.agenda form .btn_ok{
    margin-left:53px;
    overflow:hidden;
}
.agenda form span{
    display:block;
    padding:0 0 7px 0;
}
.agenda ul{
    padding-left:20px;
}
.col_center .agenda .separateur{
    margin:0 0 0 0;
}

.events li{
    background:transparent url(../images/css/fleche_orange_suiv.gif) no-repeat scroll left 3px;
    padding:0 0 1px 12px;
    line-height:20px;
}
.events li span{
    text-decoration:underline;
}

ol.normal_list{
    padding:5px;
    list-style-type: decimal-leading-zero;
}

ol.normal_list li{
    padding-left:10px;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi{ width:auto; }
.ui-datepicker-multi .ui-datepicker-group{ float:left; }
.ui-datepicker-multi .ui-datepicker-group table{ width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group{ width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group{ width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group{ width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{ border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{ border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane{ clear:left; }
.ui-datepicker-row-break{ clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl{ direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev{ right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next{ left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover{ right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover{ left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane{ clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button{ float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{ float:right; }
.ui-datepicker-rtl .ui-datepicker-group{ float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{ border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{ border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover{
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    /*filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* css_perso.css */
.vignette_img_left{
    float:left;
    margin-right:5px;
    padding:0;
}

.col_center_search .search .results .results_list p b{
    color:#0071B9;
}


.mes_alertes{
    margin: 2px 0 6px 30px;
    font-size: 100%;
}
.search .mes_alertes li a{
    font-size: inherit;
}
.mes_alertes input, .mes_alertes .text{
    float:left;
    margin: 3px 9px 0 0;
    padding-top: 0;
}
.mes_alertes .select{
    padding: 3px 9px 1px 9px;
    height:21px;
}
.mes_alertes .label_rubrique{
    line-height: 1.22em;
    width: auto;
  font-size: inherit;
}
.mes_alertes .select select{
    margin: 0;
    float:none;
}
.search_form .mes_alertes input{
    width: auto;
    height: auto;
}
/*.search_form .mes_alertes input[type="submit"]{}*/
.search_form .mes_alertes input[type=submit] {
  float: left;
}
.search_form input{
    width: auto;
}
#page .col_center_search .search .search_form h3, .col_center_search .search .search_form form h3{
    font-size: 133% !important;
}
#general #page .col_center .search_form li a {
    font-size : 11px;
}

#page .col_center .reunion h3 {
    font-size: 116%;
}
.valign{
    display: none;
}
.col_center .contact .newsletter label{
    margin:2px 16px 0pt 0;
    width:178px;
}

.col_center .contact .newsletter input{
    width:210px;
}
.col_center .contact .newsletter .envoyer input{
    width:78px;
}

/* EDIT */

div.content-edit div.attribute-header h1.long
{
    padding-bottom: 46px;
}

div.content-edit div.attribute-language
{
    margin-top: -43px;
    margin-bottom: 20px;
    padding-left: 2px;
}

/* EDIT - MULTIOPTION */

div.block table.special
{
    border-bottom: 1px solid #EAE8E1;
    margin-bottom: 0.5em;
}

div.block table.special th.tight
{
    width: 3%;
    text-align: left;
}

div.block table.special th
{
    width: 94%;
    text-align: left;
}


/* Edition des pages */
div.right{
    float:right;
    display:inline;
}
form.button{
    margin-left:5px;
    padding:0;
    float:left;
}
div.controls{
    margin-bottom:10px;
}
div.form div.block,
div.content-edit div.block{
    margin-top:10px;
}
div.form div.block i,
div.content-edit div.block i{
    font-size:90%;
    line-height:1.2em;
}
div.content-edit div.block label.att-title{
    font-size:14px;
    margin-bottom:5px;
    background-color:gray;
    color:white;
    padding:2px;
}
div.content-edit div.block fieldset{
    padding:0;
}
div.content-edit div.block fieldset div.block{
    margin:0;
}
div.content-edit div.block fieldset div.block p{
    margin-left:5px;
}
div.content-edit div.block fieldset div.block label{
    margin-top:10px;
    margin-bottom:5px;
}
div.content-edit div.block fieldset input.button{
    font-size:12px;
    font-family:arial;
}
div.content-edit div.block label.att-title span{
    font-size:14px;
    color:white;
}
div.content-edit div.block label.message-error{
    background-color:#A00000;
}
div.content-edit div.buttonblock{
    margin-top:20px;
    margin-bottom:10px;
}
div.form div.block textarea,
div.content-edit div.block textarea{
    width:550px;
}

#general #page .col_right .mini_lien li{
    padding-right:6px;
}

.col_center_search .search .search_form .input_search_form2{
    font-size: 90%;
    padding: 1px 0 0 7px;
    margin: 0 0 8px 0;
    color:#626262;
    height: 15px;
    border: 1px solid #CDCDCD;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
}
.col_center_search .search .search_form label.document{
    width:300px;
}

.mes_alertes .envoyer{
    text-align: inherit;
}
.mes_alertes .envoyer input[name = "AddButton"]{
    margin-top: 0;
    float:left;

    min-width: inherit;
}
.mes_alertes .envoyer .left,
.mes_alertes .envoyer .right
{
    float:left;
    background:url(/extension/smiledesign/design/coe_public/images/css/left_btn.gif) no-repeat;
    width:9px;
    height:20px;
    margin-top: 12px;
}
#page .agenda p{
    font-size: inherit;
}
.agenda_inscription{
    margin-left: 0px;
}

/*ticket #825312*/
.fupp {
    display: inline-block !important;
    padding-top: 3px !important;
}

.form_agenda .envoyer .left,
.form_agenda .envoyer .right
{
    float:left;
    background:url(/extension/smiledesign/design/coe_public/images/css/left_btn.gif) no-repeat;
    width:9px;
    height:20px;
    margin: 0;
}
.form_agenda .visuel {
  margin-right: auto;
}
.mes_alertes  .envoyer .right,
.form_agenda .envoyer .right{
    background:url(/extension/smiledesign/design/coe_public/images/css/right_btn.gif) no-repeat;
}
.mes_alertes .envoyer input,.form_agenda .envoyer input{
    float:left;
    background:url(/extension/smiledesign/design/coe_public/images/css/repeat_btn.gif) repeat-x;
    height:20px;
    border:none;
    cursor:pointer;
    font-size:91% !important;
    font-weight:bold;
    color:#fff;
    padding:0 0 4px 0;
    margin: 0;
    clear: none;
    font-family: 'Trebuchet MS';
}
.mes_alertes .envoyer input {
  margin-bottom: inherit;
}
.mes_alertes .plus {
  padding-top: inherit;
}
.form_agenda .envoyer input{
    width:60px;
}

.warning{
    background-color:#FFCCCC;
    border:1px solid #CB0000;
    margin:10px 2px;
    padding:5px 10px;
    table-layout:auto;
    font-size: 100%;
}
.warning h2,.warning li, .warning b {
    font-size: 100%;
}
.warning h4, .centre .warning p{
    background:transparent none repeat scroll 0% !important;
    color:#CB0000;
    margin:0;
    padding:0;
    text-transform:none;
}
.feedback{
    background-color:#CCFFCC;
    border:1px solid #339900;
    margin:10px 2px;
    padding:5px 10px;
    table-layout:auto;
  font-size: 100%;
}
.feedback h4, .feedback p{
    background:transparent none repeat scroll 0% !important;
    color:#339900;
    margin:0;
    padding:0;
    text-transform:none;
}
.col_center .contact label.profil{
    width:166px;
}
.border li{
    line-height:0.90em;
    font-size:87%
}
.link_app img{
    margin:-3px 5px 0 0;
    vertical-align:middle;
}
.link_app a {
    background: url("/extension/smiledesign/design/coe_public/images/content/picto_fleche.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
    padding-left: 16px;
    padding-top: inherit;
    display: block;
    font-size: 91%;
}
.col_center .contact .newsletter input.checkbox_form{
    width:auto;
    margin: 0 5px 0 134px;
}
ul.subchild{
    padding-left:15px!important;
}

ul.liste li.no_chrono{
    display:block;
}
ul.liste li.no_chrono.chrono_graph{
    background: url(/extension/smiledesign/design/coe_public/images/css/visuel9.png) no-repeat right 3px;
    padding-right: 20px;
}
ul.plus, ul.plus2{
    padding-left: 0;
    padding-top: 2px;
}
ul.plus li div.no_chrono{
    display:block;
    padding: 0 20px 0 0;
}
ul.plus li div.no_chrono.chrono_graph, ul.plus2 li div.no_chrono.chrono_graph{
    background: url(/extension/smiledesign/design/coe_public/images/css/visuel9.png) no-repeat right 3px;
}
div.no_margin_bottom{
    margin-bottom:0;
}
#general #page.one_col_center .col_center .online_editor div.margin_top{
    margin-top:20px;
}

#page h3.sous_titre, #page .agenda h3.sous_titre{
    color:#FF7E00;
    font-size:116%;
    margin:0 0 3px;
    font-weight:normal;
    line-height:16px;
}
.agenda form div a {
  font-size: inherit;
}
.agenda  form div.ordre_du_jour{
    font-size:116%;
    line-height:16px;
}
#general #page.one_col_center .col_center .online_editor h2.gris a{
    color:#9A9999;
    font-size:114%;
    margin:0 0 7px;
}
#general #page.one_col_center .col_center .online_editor h2 {
  font-size: 150%;
}
#page .col_left .online_editor h2{
    font-size: 183%;
}
ol.editor{
list-style-image:none;
list-style-position:inside;
list-style-type: decimal;
}
/*slider.css*/

/* Easy Slider */

    #slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider, #slider li{
        /*
            define width and height of container element and list item (slide)
            list items must be the same size as the slider area
        */
        width:313px;
        height:auto;
        overflow:hidden;
        }
    span#prevBtn{}
    span#nextBtn{}

/* // Easy Slider */


.firebugHighlight{
    z-index: 2147483647;
    position: absolute;
    background-color: #3875d7;
}

.firebugLayoutBoxParent{
    z-index: 2147483647;
    position: absolute;
    background-color: transparent;
    border-right: 1px dashed #BBBBBB;
    border-bottom: 1px dashed #BBBBBB;
}

.firebugRulerH{
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(chrome://firebug/skin/rulerH.png) repeat-x;
    border-top: 1px solid #BBBBBB;
    border-right: 1px dashed #BBBBBB;
    border-bottom: 1px solid #000000;
}

.firebugRulerV{
    position: absolute;
    top: 0;
    left: -90px;
    width: 14px;
    height: 100%;
    background: url(chrome://firebug/skin/rulerV.png) repeat-y;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #000000;
    border-bottom: 1px dashed #BBBBBB;
}

.overflowRulerX > .firebugRulerV{
    left: 0;
}

.overflowRulerY > .firebugRulerH{
    top: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.firebugLayoutBoxOffset{
    z-index: 2147483647;
    position: absolute;
    opacity: 0.8;
}

.firebugLayoutBoxMargin{
    background-color: #EDFF64;
}

.firebugLayoutBoxBorder{
    background-color: #666666;
}

.firebugLayoutBoxPadding{
    background-color: SlateBlue;
}

.firebugLayoutBoxContent{
    background-color: SkyBlue;
}

/*.firebugHighlightGroup .firebugLayoutBox{
    background-color: transparent;
}

.firebugHighlightBox{
    background-color: Blue !important;
}*/

.firebugLayoutLine{
    z-index: 2147483647;
    background-color: #000000;
    opacity: 0.4;
}

.firebugLayoutLineLeft,
.firebugLayoutLineRight{
    position: fixed;
    width: 1px;
    height: 100%;
}

.firebugLayoutLineTop,
.firebugLayoutLineBottom{
    position: absolute;
    width: 100%;
    height: 1px;
}

.firebugLayoutLineTop{
    margin-top: -1px;
    border-top: 1px solid #999999;
}

.firebugLayoutLineRight{
    border-right: 1px solid #999999;
}

.firebugLayoutLineBottom{
    border-bottom: 1px solid #999999;
}

.firebugLayoutLineLeft{
    margin-left: -1px;
    border-left: 1px solid #999999;
}

/* Website Toolbar */

div#ezwt
{
    margin: 0.5em 0 0.5em 0;
}

div#ezwt div.tl
{
    background: url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-tl.gif) no-repeat top left;
}

div#ezwt div.tr
{
    background: url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-tr.gif) no-repeat top right;
}

div#ezwt div.tc
{
    background: url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-tc.gif) repeat-x top left;
}

div#ezwt div.mc
{
    background: #e8eaec url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-mc.gif) repeat-x center left;
}

div#ezwt div.ml
{
    background: url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-ml.gif) repeat-y center left;
}

div#ezwt div.mr
{
    background: url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-mr.gif) repeat-y center right;
}

div#ezwt div.bl
{
    background: url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-bl.gif) no-repeat bottom left;
}

div#ezwt div.br
{
    background: url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-br.gif) no-repeat bottom right;
}

div#ezwt div.bc
{
    background: url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-bc.gif) repeat-x bottom left;
}

div#ezwt div.tc, div#ezwt div.bc
{
    height: 4px;
    font-size: 0;
}

div#ezwt div.tr, div#ezwt div.mr, div#ezwt div.br
{
    padding: 0 4px 0 4px;
}

div#ezwt-ezlogo
{
    margin: 3px 4px 2px 2px;
    float: left;
    display: inline; /* Fix for IE */
}

div#ezwt-oologo
{
    margin: 2px 4px 0 2px;
    float: right;
}

div#ezwt form
{
    margin: 0;
    padding: 0;
}

div#ezwt .left
{
    margin-left: 4px;
    float: left;
    display: inline; /* Fix for IE */
}

div#ezwt .right
{
    margin-right: 4px;
    float: right;
    display: inline; /* Fix for IE */
}

div#ezwt select, div#ezwt input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
}

div#ezwt select
{
    color: #4a5054;
    background-color: #f0f2f4;
    margin: 2px 0 2px 0;
    padding: 0;
    border: 1px solid #ccd2d6;
    border-color: #abb1b5 #ffffff #ffffff #abb1b5;
    vertical-align: top;
}

div#ezwt input
{
    margin: 1px 0 0 0;
}

div#ezwt input.button
{
    color: #4a5054;
    height: 1.8em;
    background: #f2f4f6 url(/extension/ezwebin/design/ezwebin/images/websitetoolbar/ezwt-button-bg.gif) repeat-x center left;
    padding: 0 0.25em 0 0.25em;
    border: 1px solid;
    border-color: #ffffff #abb1b5 #abb1b5 #ffffff;
    overflow: visible;
}

div#ezwt-help
{
    margin: 2px 3px 0 3px;
    float: right;
    display: inline; /* Fix for IE */
}

div#ezwt-help p
{
    margin: 0;
    vertical-align: middle;
}

div#ezwt-help a
{
    font-weight: bold;
    color: #4a5054;
    padding: 0 2px 0 2px;
    display: block;
}


/* General styles */

.hide
{
    display: none;
}

.float-break
{
    height: 1%;
}

.float-break:after
{
    content: "-";
    height: 0;
    font-size: 0;
    visibility: hidden;
    display: block;
    clear: both;
}
/************************************************************************
****************************** Online editor corrections ***************************
************************************************************************/
.object-left{
    float: left;
    padding-right: 10px;
}
.object-right{
    float: right;
    padding-left: 5px;
}
.object-center{
    text-align: center;
}
/******************* Responsive adjust ******/
.col_center{
    display: block;
}
.menu{
    background: none;
}
.menu li{
    clear: none;
    border-top: 0;
    width: auto;
}
.menu li li{
    border-top: 0;
    width: auto;
}
.menu li ul li{
    padding-left: 0;
    margin: 0;
}
.menu > li.hover > ul , .menu li li.hover ul{
    margin-left: 0;
}
.menu .hover
{
    background-color: transparent;
}

.bloc, .bloc2{
    display: block;
    border: none;
    width: 100%;
}
.actu{
    border: 0;
    width: 100%;
    margin-top: 0;
}
.articlesepar{
    display: none;
}
.annuaire .item_block .domaine{
    display: block;
}
.coord{
    display: none;
}
.sommaire{
    font-size: 100%;
    color: #ff7e00;
}
.sommaire b{
    font-size: 100%;
}
.keywords{
    display: none;
}
.normal_list{
    font-size: 100%;
}
.user-login input[type=text], .user-login input[type=password]{
    width: auto;
}
.user-login input[type=checkbox]{
    width: auto;
    height: auto;
}
.user-login label,.user-login .attribute-header div a {
    font-size: inherit;
}
.user-login .attribute-header,#page .user-login .attribute-header h1 {
  font-size: 100%;
}
#page .user-login p, #page .user-login ol {
  font-size: 100%;
}
.online_editor ul.plus li{
    font-size: 100%;
}
.online_editor ul.liste li a{
    font-size: 100%;
    color: #0071b9;
}
.table_matiere b a{
    font-size: 100%;
}
#general #page .col_center .default, #general #page .col_center .liste{
    display: table;
}
#SwipeLeft,#SwipeRight{
    display: none;
}
#general #page .col_right .agenda_device .link a, #general #page .col_right .link a, #general #page .col_left .link_alaune a{
    color: #FF7E00;
    font-size: 100%;
    font-weight: normal;
    margin-top: 0;
    padding-left: 18px;
    padding-top: 0;
}
#general #page .col_right .link a{
    font-size: 91%;
    display: flex;
    padding-left: 16px;
    background:url(/extension/smiledesign/design/coe_public/images/content/picto_fleche.gif) no-repeat left ;
    height: auto;
}
#general #page .col_right .link .presse{
    background:url(/extension/smiledesign/design/coe_public/images/content/picto_micro.gif) no-repeat left ;
    height: 22px;
}
#general #page .col_left .link_alaune, #general #page .col_right .agenda_device .link{
    margin: 5px 0 0 0;
    background:url(/extension/smiledesign/design/coe_public/images/content/picto_fleche.gif) no-repeat left ;
    padding-right: 0;
    font-size:91%;
    height: auto;
}
.agenda_device{
    border: 0;
    width: 100%;
}
.reunion table img{
    display: block;
}
.pays_zone table tr td, .doc table tr td, .reunion table tr td{
    display: table-cell;
}
.doc table tr td{
    font-size: 100%;
}
.para{
    display: inline-block;
}
#general #page .col_center .long{
    font-size: 183%;
}
#page .col_center .contact form p {
    font-size: 100%;
}
#general #bandeau .subtitle {
    display: block;
}

.online_editor {
    margin-bottom: 50px;
}
#general #bandeau #memorize {
    font-size: 83%;
    margin-top: 2px;
    margin-left: 0;
    text-align: right;
}
#general #bandeau #memorize .space{
    display: inline-block;
    width: 19px;
}
#general #bandeau #memorize input{
    width: auto;
}
#general #bandeau #memorize input[type="checkbox"]{
    display: inline-block;
}
#general #bandeau #memorize label{
    display:inline;
    margin-right: 10px;
}
#toggle_tabmat{
  font-size: 100%;
}
.float_right{
  float: right!important;
}

/*.f_suiv{
    background-image: url(/extension/smiledesign/design/coe_public/images/css/fleche_suiv.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: block;
    position:inherit;
}*/
.f_suiv_article{
    background-image: url(/extension/smiledesign/design/coe_public/images/css/fleche_suiv.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: block;
    float:right;
}
/*.f_prec{
    background-image: url(/extension/smiledesign/design/coe_public/images/css/fleche_prec.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: block;
    margin-left: 74px;
    position:inherit;
}*/
.f_prec_article{
    background-image: url(/extension/smiledesign/design/coe_public/images/css/fleche_prec.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: block;
    float:left ;    
}
.fleche_sous_article{
    width: 37%;
    margin: auto;
    height: 23px;
}

.img_article>img{
    max-width: 300px!important;
    width:365px!important;
    height: 257px!important;
/*  max-height: 371px;
    max-width: 600px;*/
}
/* @TODO check value ok */

/* Datepicker ui.datepicker.css
----------------------------------*/
.ui-datepicker{ width: 18em; padding: .2em .2em 0; background-color: rgb(218,218,218);font-size:100% }
.ui-datepicker .ui-datepicker-header{ position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{ top: 1px; }
.ui-datepicker .ui-datepicker-prev{ left:2px; }
.ui-datepicker .ui-datepicker-next{ right:2px; }
.ui-datepicker .ui-datepicker-prev-hover{ left:1px; }
.ui-datepicker .ui-datepicker-next-hover{ right:1px; }
.ui-datepicker .ui-datepicker-prev a{ display:inline; float:left; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-next a{ display:inline; float:right; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title{ margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select{ float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year{width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{ width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year{ float: right; }
.ui-datepicker table{width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th{ padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td{ border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a{ display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane{ background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button{ float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{ float:left; }
.ui-datepicker-trigger{
    float: left;
    padding-left: 5px;
    cursor:pointer;
    width: 18px;
    height: 18px;
}

.col_center .reunion .liste_lien li .rssnotif{
  background: url("/extension/smiledesign/design/coe_public/images/content/rss_desktop.gif") no-repeat right;
  margin-right: 5px;
  vertical-align: bottom;
}

.col_center .reunion .liste_lien li .alertnotif{
  background: url("/extension/smiledesign/design/coe_public/images/content/alert.gif");
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: bottom;
  background-repeat: no-repeat;
}

#general #page .col_right .bloc .chapo, #general #page .outils_device .bloc .chapo {
  font-size: inherit;
}
.col_center .contact form a {
  font-size: inherit;
}
#recherche_full {
  width: inherit;
}
.mes_alertes .plus div{
  font-size: inherit;
}

#general #page .col_center .search_form h2{ 
        padding-top: 5px;
        padding-bottom: 2px;
        margin-bottom: 0;
}
.col_center .search_form ul.plus {
    padding-top: 6px;
}

.agenda_device ul .texte a.lien {
    display: block !important;
    margin-top: 0 !important;
}

.agenda_device ul .texte p.chapo {
    margin-top : 3px;
    padding-bottom: 4px !important;
}

.col_right .bloc_acces .border object {
    height: 162px !important;
}


.agenda form.form_agenda div a {
    padding-bottom: 25px;
    line-height: normal;
    font-size: 14px;
}

.agenda form div{
  font-size: inherit;
}

#page .agenda .ordre_du_jour p {
    font-size: 14px;
}

#general #page .col_center .search_form h2 a {
    font-size: 18px;
}

.col_center .search_form ul.plus li {
    padding-bottom: 2px;
}

.bloc .attribute-image {
  float: none;
}

.archive span {
  font-size: 116%;
}
.pays_zone ul.plus, .pays_zone ul.plus2 {
  padding-top: 2px;
}

#general #page.one_col_center div.warning p, #general #page.one_col_center div.online_editor div.warning p {
    font-size: 100%;
}

.archive_travail{
   /* margin-left: 20%;*/
}

#debug{
    text-align: left;
    padding: 5px;
}
#debug td {
    padding: 1px;
}
.button_share_twitter {
    max-height: 26px;
    margin-left: 5px;
}
.button_share_linkedin {
    max-height: 26px;
    margin-left: 5px;
}