body { background:url(../img/p51.png); }
a img{ border:0; }
h1 a:hover { color:#55ccfe; }

#global { height:100%; zoom: 1; }
#global:before, #global:after { content: "."; display: block; height: 0; overflow: hidden;  }
#global:after { clear: both; }
#header { margin-bottom: 20px; background:#FFF; border: solid 1px #ebebeb; }
#container { width:100%; margin:0 auto -100px; height: auto !important; }
#logo { text-align: center; }
#logo img { text-align: center; }
#page { background:#FFF; padding:20px; font-size: 14px; border:#ebebeb solid 1px; }
#souspage { border:#ebebeb solid 1px; background:#FFF; padding:30px 100px; }
#articles, #newsletters { background:#FFF; padding:15px; border:#ebebeb solid 1px; }
#quick_access { width: 80px; float: left; position: relative; background: #fff; top: -32px; margin-left: -130px; border: 1px solid #ebebeb; padding: 5px; }
#cms_buttons { width: auto; padding-top: 10px; clear: both; }

.articles_cat_button { font-size: 14px; padding: 0px 10px; line-height: 30px; color: white; margin-bottom: 10px; margin-right: 5px; float: left; }
.newsletters_cat_button { font-size: 14px; padding: 0px 10px; line-height: 30px; color: white; margin-bottom: 10px; margin-right: 5px; }

/* BANIERE DE PAGE */

#page_ban { margin-bottom: 20px; padding: 20px; border-bottom: solid 4px #ebebeb; border-top: solid 4px #ebebeb; background: #f5f5f5; color: #5d6a7a; font-size:18px;}
#page_ban p { margin: 0px }

/* MENU*/
#rubrique_menu { display: none; }
#rubrique_menu_mini { display: block; }
#rubrique_menu_mini .item { display: block; font-size: 16px; text-align: center; cursor: pointer; float: right; }
#rubrique_menu_mini .user_item { display: block; font-size: 16px; cursor: pointer; }	
#rubrique_menu_mini .user_item img { padding: 15px 5px; width: 20px; }
#rubrique_menu_mini #rubrique_menu_current { clear: both; }
#rubrique_menu_mini #rubrique_menu_current #rubrique_slider { position: absolute; width: 30px; padding: 15px; right: 0px; cursor: pointer; }
#rubrique_menu_mini #rubrique_menu_other { clear: both; display: none; }
#rubrique_menu_mini #rubrique_menu_other a { color: #fff; }
#rubrique_menu_mini .item { display: block; font-size: 16px; text-align: center; float: none; line-height:60px; padding:0 20px; color: #fff; }
#rubrique_add { float:left; text-align: center; cursor: pointer; background:#fff; }
#rubrique_add img { width: 30px; display:block; border-right: solid 1px #ebebeb; border-left: solid 1px #ebebeb; padding:8px 10px; }
#rubrique_menu .user_item a { display:block; line-height:60px; padding:0 20px; color: #5d6a7a; }
#rubrique_menu .user_item img { width: 20px; margin-left: 12px;}

#page_menu { display: none; }
#page_menu_mini { display: block; margin-bottom: 10px; }
#page_menu_mini #page_menu_current { clear: both; background: #fff; color: #5d6a7a; }
#page_menu_mini #page_menu_current .item { display: block; font-size: 16px; text-align: center; cursor: pointer; color: #404040; line-height: 30px; }
#page_menu_mini #page_menu_current #page_slider { position: absolute; width: 20px; padding: 5px 15px; right: 0px; cursor: pointer; }
#page_menu_mini #page_menu_other { clear: both; display: none; }
#page_menu_mini #page_menu_other .item { display: block; font-size: 16px; text-align: center; cursor: pointer; line-height: 30px; }
#page_menu_mini #page_menu_other a { color: #5d6a7a; }
#page_menu_mini #page_menu_other a:hover { color: #3fb0fe; }
#page_add { float:left; text-align: center; cursor: pointer; background:#f5f5f5; }
#page_add img { width: 30px; display:block; border-right: solid 1px #ebebeb; border-left: solid 1px #ebebeb; padding:8px 10px; }

#souspage_menu { display: none; }
#souspage_menu_mini { display: block; border: #ebebeb solid 1px; background: #FFF; margin-bottom: 10px; }
#souspage_menu_mini .selected { color: #fff; line-height:30px; padding:0 10px; }
#souspage_menu_mini .item { font-size: 14px; text-align: center; cursor: pointer; }
#souspage_menu_mini .item a { color: #404040; line-height:30px; padding:0 10px; }
#souspage_menu_mini .item a:hover { color: #55ccfe; }
#souspage_add { float:left; text-align: center; cursor: pointer; }
#souspage_add img { width: 30px; display: block; padding: 0px 30px; }


/* CASE */

.case { padding: 20px; border: solid 1px #ebebeb; background:#fff; font-size: 14px; zoom: 1; margin-bottom: 20px; }
.case:before, .case:after { content: "."; display: block; height: 0; overflow: hidden;  }
.case:after { clear: both; }
.case p { padding: 0px; margin: 0px; }
.case .titre { font-size: 22px; font-weight:bold; height: 30px; color: #3fb0fe; }
.case .content { margin-top: 10px; padding: 0px !important; background:none; zoom: 1; }
.case .content:before, .case .content:after { content: "."; display: block; height: 0; overflow: hidden;  }
.case .content:after { clear: both; }

/* POPUP */

#popup_background { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; opacity:0 }
#popup_titre { height: 40px; background: #3fb0fe; font-size: 14px; color:#FFFFFF; font-weight:bold; }
#popup_titre p { line-height: 40px; text-align:center; margin: 0px; }
#popup_titre .icon { float:left; margin:5px; }

#popup_window { background: #fff; }
#popup_footer { height:2px; width:100%; clear: both; background: #3fb0fe; }
#popup_close { width: 20px; height: 20px; right: 10px; top: 10px; cursor: pointer; position: absolute; }

#popup_window .boxes { width: 390px; padding: 10px 0; }
#popup_window .boxes .input_line, .input_line_key  { width: 290px; margin: 0px !important; margin-left: 20px; padding: 0px; float: right; line-height: 30px; font-size: 14px; }
#popup_window .boxes .input_line p, .input_line_key p  { width: 200px; margin: 0px; float: left; line-height: 30px; font-size: 14px; }
#popup_window .boxes .input_img { clear: both; margin: 10px 0; width: 80px; height:80px; float:left; }

#popup_window .connexion_form { margin-top: 10px; margin-left: 10px; background: #eaeaea; zoom: 1;	}
#popup_window .connexion_form:before, #popup_window .connexion_form:after { content: "."; display: block; height: 0; overflow: hidden;  }
#popup_window .connexion_form .check { width: 20px; padding: 10px; display: block; }
#popup_window .connexion_form:after { clear: both; }
#popup_window .connexion_form input { margin-left: 10px; width: 210px; float: left; height: 40px; padding:0; padding-left:10px; margin:0; background: #eaeaea; border: none; font-size: 14px; outline:none; }
#popup_window .connexion_form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #eaeaea inset; background:##eaeaea }


/* CONTENT */

.content { background: #fff; padding: 20px; zoom: 1; }
.content:before, .content:after { content: "."; display: block; height: 0; overflow: hidden;  }
.content:after { clear: both; }
.content p { font-size: 14px;  }
.content p img { width: 20px; height: 20px; vertical-align: middle; cursor: pointer; }
.content p a, .content a:visited { color:#55ccfe; }
.content p a:hover { color:#55ccfe; border-bottom:dotted 1px #55ccfe; }


.content .texte { float:left; clear:both; margin-bottom: 10px; margin-bottom:15px; text-align:justify; }
.content .checkbox { width: 22px; float: left; margin-right: 10px; }
.content .input_text { line-height: 30px; width: 220px; float: right; }
.content .input_checkbox { margin: 5px; }
.content .input_line_key input[type=text] { height: 20px; font-size: 14px; position: absolute; width: 110px; margin-top: 2px; }
.content .input_line { margin-bottom: 10px; zoom: 1; }
.content .input_line:before, .content .input_line:after { content: "."; display: block; height: 0; overflow: hidden;  }
.content .input_line:after { clear: both; }

.content .input_line p { padding: 0px; margin: 0px; float: left; line-height: 30px; }
.content .input_line a, .case .input_line a:visited { color:#55ccfe; }
.content .input_line a:hover { color:#55ccfe; border-bottom:dotted 1px #55ccfe; }
.content .input_line input[type=text] { width: 208px; height: 26px; float: right; padding-left: 10px; background: #fff; font-size: 14px; }
.content .input_line input[type=password] { width: 220px; height: 40px; float: right; padding:0; padding-left:10px; margin:0; background: #eaeaea; border: none; font-size: 14px; outline:none; }
.content .input_line select { width: 220px; height: 26px; float: right; padding-left: 10px; background: #fff; font-size: 14px; }
.content .input_line .toggle-modern { width: 70px; margin: 5px 0; float: left; }
.content .input_line .icheck { float: left; margin-right: 5px; }
.content .input_line .input_div, .content .input_line .tokeninput { width: 220px; float: right; background: #fff; font-size: 14px;}
.content .input_line .tokeninput input { width: 30px; float: none; margin: 0; padding: 0; }
.content .input_line .tokeninput .token-input-token p { line-height: 18px; font-size: 12px; width: auto; }

.content .input_off p, 
.content .input_off input, 
.content .input_off .input_line p, 
.content .input_off .input_line_key p { color: #CCCCCC !important; cursor: default; }

.content .input_off .toggle-blob,
.content .input_off .toggle-blob:hover { background: #CCCCCC !important; cursor: default; }
.content .input_off .toggle-off,
.content .input_off .toggle-on { background: #EEEEEE !important; color: #CCCCCC !important; cursor: default; }

/* ARTICLE ET NEWSLETTER */

#newsletters .side .case,
#articles .side .case { background:none; border: none; padding: 0; margin-bottom: 10px; }
#newsletters .side .case .input_line,
#articles .side .case .input_line { margin-bottom: 0px; }

#newsletters .side .case .input_line p,
#articles .side .case .input_line p  { line-height: 30px; float: left; font-size: 14px; }
#newsletters .side .case .input_line .input_div,
#articles .side .case .input_line .input_div { width: auto; float: right; background: #fff; font-size: 14px;}
#newsletters .side .case .input_line .toggle-modern,
#articles .side .case .input_line .toggle-modern { width: 70px; margin: 5px 0; float: left; }
#newsletters .side .case .input_line input[type=text],
#articles .side .case .input_line input[type=text] { width: 208px; height: 26px; float: right; padding-left: 10px; background: #fff; font-size: 14px; }
#newsletters .side .case .input_line .tokeninput input[type=text],
#articles .side .case .input_line .tokeninput input[type=text] { width: 30px; float: none; margin: 0; padding: 0; }
#newsletters .side .case .input_line .tokeninput .token-input-token p,
#articles .side .case .input_line .tokeninput .token-input-token p { line-height: 18px; font-size: 12px; width: auto; }
#articles .separator { height:2px; background:#ebebeb; margin:50px 90px; }


.article { overflow: hidden; }
.newsletter,
.newsletter .head,
.article .head { float: left; margin-bottom: 20px; }
.newsletter .newsletter_titre,
.article .article_titre { float:left; font-size:20px; font-weight:bold; line-height:30px; color:#404040;}
.newsletter .newsletter_titre a, .newsletter .newsletter_titre a:hover, .newsletter .newsletter_titre a:visited,
.article .article_titre a, .article .article_titre a:hover, .article .article_titre a:visited { color:#404040; }
.newsletter .newsletter_info,
.article .article_info { float:left; font-size:12px; color:#404040; margin: 0; padding: 0;}
.newsletter .newsletter_valid_info,
.article .article_valid_info,
.newsletter .newsletter_modif_info,
.article .article_modif_info { float:right; font-size:12px; color:#35c184; margin: 0; padding: 0;}
.newsletter .newsletter_texte,
.article .article_texte { float: left; width: min-height: 60px; font-size:14px; }
.newsletter .newsletter_texte a, .newsletter .newsletter_texte a:visited,
.article .article_texte a, .article .article_texte a:visited { color:#55ccfe; }
.newsletter .article_texte a:hover,
.article .article_texte a:hover { color:#55ccfe; border-bottom:dotted 1px #55ccfe; }

.article_nav { font-size:14px; margin: 20px 0; }
.article_nav a { color:#35c184; }
.article_nav a:hover { color:#35c184; border-bottom:dotted 1px #35c184; }
.article_nav a:visited { color:#35c184; }

#newsletters .side,
#articles .side { float: left; margin-right: 10px;}
.vignette img { max-width: 120px; max-height: 100px; display: block; margin: 0 auto; }
.vignette_modif { padding: 5px; cursor: pointer; width: 30px; height: 30px; position: absolute; display: none; }

.readmore { float: right; }
.readmore a { font-size: 14px; color: #55ccfe; }
.readmore a:hover { border-bottom:dotted 1px #55ccfe; }
.fb-share-button { margin-bottom: 10px; }
.border_no_texte { box-shadow:inset 0px 0px 1px 1px #013e78; min-height:30px; }

.article_titre_valid { float:left; width: 500px; margin-bottom: 10px; font-size:16px; line-height:24px; color:#404040; }
.article_info { float:right; font-size:14px; line-height:24px; color:#3fb0fe; }

/* USER CSS */

.pointer-click { cursor:pointer; }

.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.display-none { display:none !important; }
.display-inline { display:inline !important; }
.display-block { display:block !important; }

.text_align-center { text-align:center; }
.text_align-left { text-align:left; }
.text_align-right { text-align:right; }
.text_align-justify { text-align:justify; }

.cursor-pointer { cursor:pointer; }
.cursor-default { cursor:default; }

.clear-both { clear: both; }
.overflow-none { overflow: hidden; }

.bg_white { background-color:#fff; }
.bg_grey1 { background-color:#eee; }
.bg_grey2 { background-color:#ccc; }
.bg_grey3 { background-color:#bbb; }
.bg_grey4 { background-color:#aaa; }
.bg_grey5 { background-color:#999; }
.bg_grey5:hover { background-color:#aaa; }
.bg_grey6 { background-color:#777; }
.bg_grey7 { background-color:#555; }
.bg_grey8 { background-color:#333; }
.bg_grey9 { background-color:#111; }
.bg_black { background-color:#000;  }
.bg_black:hover { background-color:#333;  }

.bg_blue1 { background-color:#3fb0fe; }
.bg_blue1:hover { background-color:#55ccfe;}
.bg_blue2 { background-color:#3598dc; }
.bg_blue2:hover { background-color:#3fb0fe;}
.bg_blue3 { background-color:#297fb8; }

.bg_purple1 { background-color:#9b58b5; }
.bg_purple1:hover { background-color:#b064ce; }
.bg_purple2 { background-color:#8d44af; }

.bg_orange1 { background-color:#f7b326; }
.bg_orange1:hover { background-color:#ffcb2d;}
.bg_orange2 { background-color:#f39b13; }
.bg_orange3 { background-color:#e77e23; }
.bg_orange4 { background-color:#d45300; }

.bg_red1 { background-color:#e84c3d; }
.bg_red1:hover { background-color:#fa5a4b; }
.bg_red2 { background-color:#c1392d; }

.bg_green1 { background-color:#35c184; }
.bg_green1:hover { background-color:#42e29c;}
.bg_green2 { background-color:#17a086; }
.bg_green2:hover { background-color:#1ebd9f; }

.bg_pink1 { background-color:#e856b3; }
.bg_pink1:hover { background-color:#ff76cd; }
.bg_pink2 { background-color:#d545a1; }

.border_blue1 { box-shadow: inset 0px 0px 1px 1px #3fb0fe; color: #BBB !important }
.border_blue1:hover { box-shadow: inset 0px 0px 1px 1px #55ccfe; color: #999 !important }

.border_blue2 { box-shadow: inset 0px 0px 1px 1px #3598dc; color: #BBB !important }
.border_blue2:hover { box-shadow: inset 0px 0px 1px 1px #3fb0fe; color: #999 !important }

.border_purple1 { box-shadow: inset 0px 0px 1px 1px #9b58b5; color: #BBB !important }
.border_purple1:hover { box-shadow: inset 0px 0px 1px 1px #b064ce; color: #999 !important }

.border_orange1 { box-shadow: inset 0px 0px 1px 1px #f7b326; color: #BBB !important }
.border_orange1:hover { box-shadow: inset 0px 0px 1px 1px #ffcb2d; color: #999 !important }

.border_red1 { box-shadow: inset 0px 0px 1px 1px #e84c3d; color: #BBB !important }
.border_red1:hover { box-shadow: inset 0px 0px 1px 1px #fa5a4b; color: #999 !important }

.border_green1 { box-shadow: inset 0px 0px 1px 1px #35c184; color: #BBB !important }
.border_green1:hover { box-shadow: inset 0px 0px 1px 1px #42e29c; color: #999 !important }

.border_pink1 { box-shadow: inset 0px 0px 1px 1px #e856b3; color: #BBB !important }
.border_pink1:hover { box-shadow: inset 0px 0px 1px 1px #ff76cd; color: #999 !important }

.border_grey5 { box-shadow: inset 0px 0px 1px 1px #999; color: #BBB !important }
.border_grey5:hover { box-shadow: inset 0px 0px 1px 1px #aaa; color: #999 !important }

.border_black { box-shadow: inset 0px 0px 1px 1px #000; color: #BBB !important }
.border_black:hover { box-shadow: inset 0px 0px 1px 1px #333; color: #999 !important }

/* FONT */

.fb { font-weight:bold !important; }
.fi { font-style:italic !important; }
.fu { text-decoration:underline !important; }

.f10 { font-size:10px !important; }
.f12 { font-size:12px !important; }
.f14 { font-size:14px !important; }
.f16 { font-size:16px !important; }
.f18 { font-size:18px !important; }
.f20 { font-size:20px !important; }
.f22 { font-size:22px !important; }
.f24 { font-size:24px !important; }
.f26 { font-size:26px !important; }
.f28 { font-size:28px !important; }

.flh14 { line-height:14px; }
.flh16 { line-height:16px; }
.flh18 { line-height:18px; }
.flh20 { line-height:20px; }
.flh22 { line-height:22px; }
.flh24 { line-height:24px; }
.flh25 { line-height:25px; }
.flh26 { line-height:26px; }
.flh28 { line-height:28px; }
.flh30 { line-height:30px; }
.flh50 { line-height:50px; }
.flh60 { line-height:60px; }
.flh90 { line-height:90px; }

.flh12, .flh14, .flh16, .flh18, .flh20  img { width: 10px; vertical-align: middle; }
.flh22, .flh24, .flh26, .flh28, .flh30  img { width: 20px; vertical-align: middle; }

.ft_blue1, ft_blue1 { color:#3fb0fe; }
.ft_blue9 { color:#5d6a7a; }
.ft_blue9 a:link, .ft_blue9 a:visited { color:#00519e; }
.ft_blue9 a:hover { color:#3598dc; text-decoration:none; }

.ft_green1 { color: #35c184; }

.ft_white, .ft_white a:link, .ft_white a:visited, ft_white { color:#fff; }
.ft_white a:hover { color:#000; }

.ft_grey1, ft_grey1 { color:#eee; }
.ft_grey2, ft_grey2 { color:#ccc; }
.ft_grey3, ft_grey3 { color:#bbb; }
.ft_grey4, ft_grey4 { color:#aaa; }
.ft_grey5, ft_grey5 { color:#999; }
.ft_grey6, ft_grey6 { color:#777; }
.ft_grey7, ft_grey7 { color:#555; }
.ft_grey8, ft_grey8 { color:#333; }
.ft_grey9, ft_grey9 { color:#111; }
.ft_black, ft_black { color:#000;  }

.ft_red, ft_red { color:#e84c3d; }

/*
#case_texte .selected { background:#dedede; padding:3px 5px 0; height:24px; }
.selected .liste_texte { margin-left:5px; float: left; line-height:22px; overflow:hidden; cursor:pointer; }
#case_texte .unselected { height:24px; padding:3px 5px 0; overflow:hidden;}
.unselected .liste_texte { margin-left:5px; float: left; line-height:22px; overflow:hidden; cursor:pointer; }
*/

.popup_08 {display:block;left:50%; margin-left:-155px; opacity:1; position:absolute; top:100px; z-index:11000; }
.popup_10 {display:block;left:50%; margin-left:-195px; opacity:1; position:absolute; top:100px; z-index:11000; }
.popup_12 {display:block;left:50%; margin-left:-235px; opacity:1; position:absolute; top:100px; z-index:11000; }
.popup_14 {display:block;left:50%; margin-left:-275px; opacity:1; position:absolute; top:100px; z-index:11000; }
.popup_16 {display:block;left:50%; margin-left:-315px; opacity:1; position:absolute; top:100px; z-index:11000; }
.popup_17 {display:block;left:50%; margin-left:-335px; opacity:1; position:absolute; top:100px; z-index:11000; }
.popup_18 {display:block;left:50%; margin-left:-355px; opacity:1; position:absolute; top:100px; z-index:11000; }
.popup_20 {display:block;left:50%; margin-left:-395px; opacity:1; position:absolute; top:100px; z-index:11000; }
.popup_22 {display:block;left:50%; margin-left:-435px; opacity:1; position:absolute; top:100px; z-index:11000; }
.popup_24 {display:block;left:50%; margin-left:-475px; opacity:1; position:absolute; top:100px; z-index:11000; }

.button_green { background:#35c184; height:30px; padding:0px 15px; line-height:30px; cursor:pointer; font-size:14px; font-weight:bold; color:#FFF; text-align:center; }
.button_green:hover { background:#42e29c; }

.button_red { background:#e74c3c; height:30px; padding:0px 15px; line-height:30px; cursor:pointer; font-size:14px; font-weight:bold; color:#FFF; text-align:center;}
.button_red:hover { background:#c23a2d; }

.button_blue { background:#3fb0fe; height:30px; padding:0px 15px; line-height:30px; cursor:pointer; font-size:14px; font-weight:bold; color:#FFF; text-align:center; }
.button_blue:hover { background:#55ccfe; }

.button_white { background:#dedede; height:30px; padding:0px 15px; line-height:30px; cursor:pointer; font-size:14px; font-weight:bold; color:#6c6c6c; text-align:center; }
.button_white:hover { background:#bebebe; }

.button_off_white { background:#dedede; height:30px; padding:0px 15px; line-height:30px; font-size:14px; font-weight:bold; color:#6c6c6c; text-align:center; cursor: default; }

.button_login { background:#3598dc; height:90px; width:60px; line-height:30px; cursor:pointer; font-size:14px; font-weight:bold; color:#FFF; text-align:center; }
.button_login:hover { background:#55ccfe; }

.cke_editable { padding: 5px; }

.highlight{ background:#f2f2f2;	border:1px dashed #212326; }

.menu_separator { width:1px; height:50px; background:#ebebeb; }