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

/* 
*	@Description: Style ocbf	*
*	@Auteur: procomnet-mada	    *
*	@Creation: 2009-06-21		*
*	@Modification: -			*
*/


/* ::: global ::: */

body { margin:0; padding:0; font:normal 10px "Times New Roman", Times, serif; color:black; }
body * { margin:0; padding:0; border:none; outline:none; line-height:100%; }

ul, li { list-style:none; }
a { text-decoration:none; color:black; cursor:pointer; }
img { font-size:1em; }


/* ::: clear fix ::: */

.clear:after { content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clear { display:inline-block; }
html[xmlns] .clear { display:block; }
* html .clear { height:1%; }

.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

/* ::: alignement ::: */
.align_centre { text-align:center !important; }
.align_right { text-align:right !important; }
.align_left { text-align:left !important; }


.print-only,
.hidden { display:none; }
.invisible { visibility:hidden; }

.inline { display:inline; }
.block { display:block; }
.underLine { text-decoration:underline; }
.overLine { text-decoration:overline; }
.nodecorLine { text-decoration:none; }
.notransform { text-transform:none!important; }


.lfloat { float:left;}
.rfloat { float:right;}
.nfloat { float:none !important;}

.nobglist { background:none!important; }



/* ::: page ::: */
#page { width:1000px; margin:0 auto; background-color:#FFF; }



/* ::: header ::: */
#header-wrapper { background:url(../images/data/banner.jpg) no-repeat top right; height:161px; }
#header-wrapper .header-inner { background:url(../images/design/logo.jpg) no-repeat top left; width:242px; height:161px; border-right:3px solid #a6def5; position:relative; }
#header-wrapper .header-inner a { display:block; width:25px; height:20px; }
#header-wrapper .header-inner a span { visibility:hidden; font-size:1px; }
#header-wrapper .header-inner a.drapeau1 { position:absolute; left:28px; bottom:2px; }
#header-wrapper .header-inner a.drapeau2 { position:absolute; left:63px; bottom:2px; }
#header-wrapper .header-inner a.drapeau3 { position:absolute; left:98px; bottom:2px; }
#header-wrapper .header-inner a.drapeau4 { position:absolute; left:136px; bottom:2px; }
#header-wrapper .header-inner a.drapeau5 { position:absolute; left:172px; bottom:2px; }


/* ::: content ::: */
#content { width:100%; border-bottom:3px solid #a6def5; }

/* ::: content-left ::: */
#content .content-left { width:242px; }
#content .content-left h2 { background:#ebf9fe url(../images/design/bkg_title.jpg) repeat-x; border-top:3px solid #a6def5; height:25px; text-align:center; color:#FFF; font-size:12px; padding-top:10px; }
#content .content-left h2.color-gris { color:#838383; }

#content .content-left .bloc-recherche { padding-bottom:11px; }
#content .content-left .bloc-recherche input { font-size:12px; border:1px solid #a6def5; padding:7px 5px; margin-top:9px; width:204px; }
#content .content-left .bloc-recherche input.valider { width:160px; height:44px; border:none; padding:0; margin:3px 0 0 0; }

#content .content-left ul { margin-left:9px; }
#content .content-left li { background:url(../images/design/border-img.gif) no-repeat bottom left; padding:15px 0 12px 0; }
#content .content-left li a { background:url(../images/design/puce-bleue.gif) no-repeat; padding-left:26px; font-size:12px; font-weight:bold; color:#838383; }
#content .content-left li a:hover, #content .content-left li a.active { color:#57caf9; }


#content .content-left .bloc-ocbi, #content .content-left .bloc-portail { padding-bottom:20px; }

/* ::: content-right ::: */
#content .content-right { border-top:3px solid #a6def5; border-left:3px solid #a6def5; width:755px; }
#content .content-right ul { margin-left:31px; }
#content .content-right li { float:left; margin-left:16px; }
#content .content-right li a { background:url(../images/design/bkg-nav.jpg) no-repeat top left; height:26px; width:152px; text-align:center; color:#235164; font-size:11px; font-weight:bold; display:block; padding-top:10px; }
#content .content-right li a:hover, #content .content-right li a.active { background-position:bottom left; color:#FFF; }

#content .bloc-layout { width:708px; margin:9px auto 0; position:relative;}
#content .bloc-layout h2 { background:url(../images/design/bkg-title-blue.jpg) no-repeat; width:100%; height:26px; color:#514e4e; font-size:14px; padding-top:10px; text-transform:uppercase; }
#content .bloc-layout h2 span.blinkOff_O { color:#514E4E; }
#content .bloc-layout h2 span.blinkOn_O { color:#FF0303; }
#content .bloc-layout p.titre { font-size:12px; font-weight:bold; color:#535050; margin-right:232px; padding-top:5px; * padding-top:0; }
#content .bloc-layout p span.blinkOff_O { color:#535050; }
#content .bloc-layout p span.blinkOn_O { color:#FF0303; }
#content .bloc-layout-content { border:1px solid #a6def5; }
#content .bloc-layout-content ul { margin:3px 0 0 0; }
#content .bloc-layout-content li { background:url(../images/design/border-right-img-top.jpg) no-repeat top right; margin:0; padding:7px 0 0 0; _padding:0; text-align:center; font-size:17px; font-weight:bold; color:#4c504f; min-height:150px; position:relative; }
*html #content .bloc-layout-content li { height:150px; }
#content .bloc-layout-content li.width234 { width:234px; }
#content .bloc-layout-content li.width234 span { color:#fe0404; font-size:14px; font-weight:bold; }
#content .bloc-layout-content li.width241 { width:242px; }
#content .bloc-layout-content li.width230 { width:230px; font-size:14px; }

#content .bloc-layout-content li h3 { font-size:25px; color:#7c7c7c; margin:0 auto 10px; width:220px; }
#content .bloc-layout-content li a.cliquez-ici { background:none; color:#57caf9; font-size:12px; font-weight:bold; width:auto; height:auto; position:absolute; bottom:7px; right:7px; }
#content .bloc-layout-content li a:hover { color:#235164; }

#content .bloc-layout-content .bkg-bleu-deg { background:#58caf9 url(../images/design/bkg-bleu-deg.jpg) repeat-x top left; padding-bottom:16px; }
#content .bloc-layout-content ul.border-img-bottom {}
#content .bloc-layout-content ul.border-img-bottom li { background:url(../images/design/border-right-img.jpg) no-repeat top right; }
#content .bloc-layout-content ul.border-img-bottom li a { text-align:center; position:inherit !important; background:none; width:auto; height:auto; }


/* ::: page-contenu ::: */
#content .bloc-layout-content ul.new-bloc { margin:0!important; }
#content .bloc-layout-content ul.new-bloc li { background:none; width:auto !important; padding:0 0 0 26px; min-height:inherit; }
#content .bloc-layout-content ul.new-bloc li a { background:none; padding:0; display:block; width:auto; height:auto; vertical-align:middle; }
#content .bloc-layout-content ul.new-bloc li a img { behavior: url("../css/iepngfix.htc");}

#content .desc { margin:9px auto 0; width:708px; min-height:123px; }
*html #content .desc { height:123px; }
#content .desc h2 { color:#57caf9; font-size:18px; padding:5px 0; }
#content .desc p { font-size:12px; padding-bottom:5px; line-height:normal; font-family:Arial, Helvetica, sans-serif;  }


/* ::: contact ::: */
#content .contact { margin:9px auto 0; width:708px; min-height:123px; border:1px solid #57CAF9; /*background:#58CAF9 url(../images/design/bkg-bleu-deg.jpg) repeat-x top left;*/ }
*html #content .contact { height:123px; }
#content .contact h2 { font-size:18px; padding:10px 0 5px 20px; text-transform:uppercase; color:#235164; }
#content .contact h3 { font-size:18px; padding:10px 0 5px 20px; text-transform:uppercase; color:#235164; }
#content .contact p { font-size:14px; padding:0 0 5px 20px; line-height:normal; }
#content .contact p span { text-decoration:underline; font-weight:bold; }
#content .contact p.red { color:#FF0000; }
#content .contact form { width:560px; margin:20px auto 0; }
#content .contact form.paddLeft { padding-left:130px; }
#content .contact label { font-size:13px; float:left; width:207px; _width:204px; font-weight:bold; }
#content .contact label.text { padding-bottom:3px; }
#content .contact textarea { width:400px; height:90px; overflow:auto; border:1px inset #235164; padding:5px; }
#content .contact input { border:1px inset #235164; padding:2px; width:200px; }
#content .contact input.btn-envoi { background:none; border:none; width:129px; height:23px; margin-top:30px; }
#content .contact select { width:120px; border:1px inset #235164; }

#content .contact label.auto { width:auto !important; margin-right:5px; padding-top:3px; }
#content .contact input.width100 { width:100px; margin-right:3px; }
#content .contact p.padd3 { padding-left:3px!important; }
#content .contact p a { font-weight:bold; text-decoration:underline; }
#content .contact input.btBlue-valider { width:129px; height:23px; background:none; border:none; }

/* ::: list-contact ::: */
#content .list-contact { margin:9px auto 0; width:708px; min-height:123px; }
#content .list-contact h2 { font-size:18px; color:#245164; text-transform:uppercase; }
#content .list-contact .bloc-list { width:100%; margin-top:10px; border:1px solid #245164; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; }
#content .list-contact .bgk-gris { background-color:#a6def5; }
#content .list-contact .bloc-list h3 { font-size:14px; font-weight:bold; color:#245164; padding:10px 0 10px 10px; }
#content .list-contact .bloc-list p { color:#245164; font-size:12px; padding:5px 10px; }
#content .list-contact .bloc-list p span { font-weight:bold; }


#content .pagination { margin:15px 0 15px 0;font-family:Arial, Helvetica, sans-serif;width:708px;}
#content .pagination a {/* float:left; */color:#8c9696; font-size:1em; text-align:center; margin-right:12px; }
#content .pagination a:hover { text-decoration:underline; }
#content .pagination a span { visibility:hidden; font-size:0; }
#content .pagination a.debut { background:url(../images/design/fleche-debut.gif) no-repeat 0 2px; width:10px; height:11px; display:block; }
#content .pagination a.precedent { background:url(../images/design/fleche-precedent.gif) no-repeat 0 2px; padding-left:9px;/*display:block;*/ }
#content .pagination a.fin { background:url(../images/design/fleche-fin.gif) no-repeat 0 2px; width:10px; height:11px; display:block; }
#content .pagination a.suivant { background:url(../images/design/fleche-suivant.gif) no-repeat right 2px; padding-right:9px;/*display:block;*/}


/* ::: actualite ::: */
#content .actus { margin:9px auto 0; width:708px; min-height:123px; }
#content .actus h2 { font-size:18px; color:#57caf9; text-transform:uppercase; }
#content .actus h2.article { font-size:14px; color:#514E4E; }
#content .actus p { padding:0px 10px; line-height:normal; font-size:12px; color:#020202; }
#content .actus p.padd0 { padding:0; }
#content .actus p.hautPage { font-size:12px; color:#020202; padding:0 !important; margin-right:10px; }
#content .actus p.hautPage a { background:url(../images/design/bouton_hautPage.gif) no-repeat 0 -5px; height:18px; display:block; float:right; margin-top:7px; padding:0 0 0 19px; text-decoration:none; }

/* ::: forum ::: */
#content .actus h2.martTop { margin:9px 0 0 0; }
#content .actus .comment { width:100%; margin-top:10px; border:1px solid #a6def5; padding-bottom:10px; }
#content .actus .comment p.date-heure { font-size:14px; font-weight:bold; width:220px; }
#content .actus .comment p span.title { color:#57caf9; text-transform:uppercase; }
#content .actus .comment .txt-comment { font-size:12px; width:460px; line-height:normal; }
#content .actus .comment .txt-comment p { color:#020202; padding:35px 10px 20px; }
#content .actus form p { padding:0!important; margin:10px 0; }
#content .actus form p label { font-size:14px; color:#020202; margin-right:5px; padding-bottom:5px; font-weight:bold; } 
#content .actus form p input { width:130px; border:1px solid #a6def5; padding:5px; vertical-align:middle; }
#content .actus form p textarea { border:1px solid #a6def5; padding:5px; width:696px; height:96px; overflow:auto; }
#content .actus h2.color { color:#020202; text-decoration:underline; }
#content .actus .charte { margin-top:30px; color:#020202; font-size:12px; }
#content .actus .charte p { padding:10px 0 0 0; }
#content .actus .charte h3 { font-weight:normal; font-size:12px; margin-top:10px; }
#content .actus .charte ul { margin:10px 0 0 10px!important; }
#content .actus .charte ul li { margin:0; float:none; line-height:normal; }
#content .actus .charte p strong { line-height:normal; font-size:14px; }
#content .actus form p input.bt_poster { width:129px; height:23px; border:none; margin-right:10px; }
#content .actus form p input.bt_annuler { width:129px; height:23px; border:none; margin-left:10px; }


/* ::: footer ::: */
#footer { min-height:55px; padding:22px 0; margin-left:9px; }
*html #footer { height:55px; } 
#footer p { color:#57caf9; font-size:11px; font-weight:bold; }
#footer ul { margin-left:100px; }
#footer li { float:left; }
#footer li a { font-size:14px; font-weight:bold; color:#838383; text-align:center; border-right:1px solid #838383; padding:0 10px; }
#footer li a:hover { text-decoration:underline; }
#footer li a.last { border:none; }


.errorMessage {background:transparent none repeat scroll 0% 50%;color:#FF0000;margin:10px;text-align:center;font-size:12px;border:1px solid red;padding:5px 5px 5px 5px;display:none;}
#page #content input.invalid {border:1px dashed red;}
#page #content textarea.invalid {border:1px dashed red;}
#page #content select.invalid {border:1px dashed red;}
select.invalid {border:1px dashed red;}
#page #content .currentPage {color:#57CAF9;}

#page #content select.widthSelect {width:205px;}

.confirmContact {background:transparent none repeat scroll 0% 50%;color:#57CAF9;margin:10px;text-align:center;font-size:12px;border:1px solid red;padding:5px 5px 5px 5px;display:none;}
.depotOffre {font-size:16px;margin:8px 0 8px 0;color:#7C7C7C;text-align:right;font-weight:bold;}
.confirm {font-size:12px;text-align:center;margin:20px;font-weight:bold;}

#content .contact .btnSubmit {border:1px solid black;;color:#235164;background-color:#cccccc;width:160px;;font-size:13px;font-weight:bold;}
#content .actus .btnSubmit {border:1px solid black;;color:#235164;background-color:#cccccc;width:160px;;font-size:13px;font-weight:bold;}

/* ::: modif 23.07.09 ::: */
#content .bloc-edito { width:390px; margin:10px 0 20px 22px; _margin:10px 0 20px 12px; }
#content .bloc-edito h2 { background:url(../images/design/head_edito.gif) no-repeat; color:#514E4E; font-size:14px; height:26px; padding-top:10px; text-transform:uppercase; width:100%; margin-bottom:1px; }
#content .bloc-edito .edito-txt { border:1px solid #a6def5; width:358px; min-height:487px; padding:15px; }
*html #content .bloc-edito .edito-txt { height:474px; }
#content .bloc-edito .edito-txt p { color:#838383; font-size:12px; padding-bottom:5px; }


#content .bloc_right { width:312px; margin:10px 22px 20px 0; _margin:10px 12px 20px 0; }
#content .bloc_right .bloc-layout-right { width:100%; margin-bottom:10px; }
#content .bloc_right .bloc-layout-right h2 { background:url(../images/design/head_bloc_right.gif) no-repeat; color:#514E4E; font-size:14px; height:26px; padding-top:10px; text-transform:uppercase; width:100%; margin-bottom:1px; }
#content .bloc_right .bloc-layout-right .partenaire { border:1px solid #a6def5; width:310px; padding:10px 0; }
#content .bloc_right .bloc-layout-right .partenaire p { padding-bottom:10px; font-size:13px; font-weight:bold; color:#484e4f; }
#content .bloc_right .bloc-layout-right .partenaire p a { color:#484e4f; }
#content .bloc_right .bloc-layout-right .partenaire p.borderB { border-bottom:1px solid #a6def5; }
#content .bloc_right .bloc-layout-right .partenaire p.paddT { padding:7px 0 10px !important; }
#content .bloc_right .bloc-layout-right .partenaire p a img.top { padding-top:5px; }