/*



css : Boulogne Conception Marine

Creation: Studio Gonzo!





*/





* { margin: 0px; padding: 0px; }



body { margin:0 auto; padding:0px 0px 0px 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; background-color: #fff; background-image: url(../images/background.png); background-repeat: no-repeat; background-position: center top; }



img { border:0; margin: 0 0; }



.encadre { border: 1px solid #09F; }



.intitule { color: #3399cc; }



a { color: #3399cc; text-decoration: none; outline:none; }



a:visited { color: #5384BF; }



a:hover, a:active {

	color: #F63;

	text-decoration: none;

}



h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #09F; font-size: 18px; }



.titlenews { font-size: 14px; font-weight: bold; text-transform: capitalize; color: #FFF;  margin-bottom:15px; text-align:center }



ul { list-style: square; }



blockquote { font-style: italic; color: #555; padding:10px; }



blockquote blockquote { color: #777; }



blockquote em { font-style: normal; }



.clear { clear:both; }



.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }



.alignright { float: right; margin: 0px 0px 10px 10px; }



.alignleft { float: left; margin: 0px 10px 10px 0px; }



#wrapper { width:1000px; margin:0px auto; position:relative; background-repeat: repeat-y; }



#top { height:185px; margin:0px auto; position:relative; background:url(../images/top.png) no-repeat; padding-top:25px; }



#conteneur_slide_head { display:block; background: url(../images/shadow.png) no-repeat scroll center bottom white; width: 1000px; height:320px; background-color:#fff; padding:6px 0 0 0; }



#slide_head { margin:0 20px; }



.pics { height:  960px; width:   300px; padding: 0; margin:  0; }



.pics img { padding: 15px; border:  1px solid #ccc; background-color: #eee; width:  960px; height: 300px; top:  0; left: 0 }



#milieu { padding:10px 20px 10px 20px; width:960px; min-height:570px; _height : 500px; margin:0px; background-color: #FFF; background-repeat: repeat-y; background-image: url(../images/repeat.png); clear:both; }



#ariane { padding:10px 20px 10px 20px; width:960px; margin:0px 0px 0px 0px; background-color: transparent; font-size: 9px; font-style: italic; color: #999; }



#ariane a { font-size: 9px; font-style: italic; color: #999; text-decoration: underline; }



#ariane a:hover { font-size: 9px; font-style: italic; color: #09F; text-decoration: none; }



/* Contenu	 */



#contenu { margin-top:10px; background-color: #FFF; }



#col-gauche { float: left; width: 650px; }



#col-droite { float: right; width: 250px; }



#col-droite .blocCaracte { margin:0px 8px 0px 8px; }



#col-droite .blocCaracte h3 { background:transparent top left no-repeat; padding:3px 0px 0px 15px; color:#7E878E !important; font-size: 10px; }



#col-droite .blocCaracte p { background:transparent bottom left no-repeat; margin-bottom:5px; padding:0px 0px 3px 15px; font-size: 9px; }



.title { margin-bottom:10px; position:relative; }



.title h2 { font-size:26px; padding:5px 0px; text-shadow:1px 1px 0px #eee; font-weight:normal; border-bottom:1px dashed #ccc; margin-top:10px; text-shadow:1px 1px 0px #fff; }



.title h2 a:link, .title h2 a:visited { color:#3399cc; }



.equipementdeserie { font-size: 9px; color: #999; }



/*Page menu*/





#foxmenucontainer { height:70px; display:block; width:1000px; text-transform:uppercase; background-image: url(../images/navbarBG.png); background-repeat: no-repeat; }



#flag { height:35px; width:50px; overflow:hidden; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-left: 20px; padding-top: 20px; float : left; }



#menu { height:35px; width:600px; overflow:hidden; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 10px; float : right; }



#menu ul { float: left; list-style: none; margin: 0px; padding: 0px; }



#menu li { float: left; list-style: none; margin: 0px; padding: 0px; }



#menu li a, #menu li a:link, #menu li a:visited { color:#fff; display: block; margin: 0px; padding: 0px 10px; line-height:30px; }



#menu li a:hover, #menu li a:active { border:1px solid #0b66a8; text-shadow:1px 1px 0px #0C73CF; color: #fff; margin: 0px; padding: 0px 9px; /*line-height:30px;*/ text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #0F79E1; background-image: url(../images/submit.png); background-repeat: repeat-x; }



#menu li.current a { background:#f19211 url(../images/submit.png) repeat-x; color: #fff; border:1px solid #0b66a8; text-shadow:1px 1px 0px #0C73CF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }



#menu li li a, #menu li li a:link, #menu li li a:visited { width: 150px; color:#fff; font-weight: normal; float: none; margin: 0px; padding: 0px 10px; line-height:30px; border-bottom: 1px solid #7E4040; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#f93 url(../images/submit.png) repeat-x; }



#menu li li a:hover, #menu li li a:active { color: #fff; padding: 0px 10px; line-height:30px; background:#F93; border-left:none; border-right:none; border-top:none; }



#menu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding:1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: transparent; }



#menu li li { }



#menu li ul a { width: 140px; }



#menu li ul a:hover, #menu li ul a:active { }



#menu li ul ul { margin: -37px 0 0 160px; }



#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { left: -999em; }



#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { left: auto; }



#menu li:hover, #menu li.sfhover { position: static; }



/* --- FOOTER --- */

	

#footer { background-image: url(../images/footer.png); color:#FFF; font-size:11px; background-repeat: no-repeat; background-position: top; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 40px; padding-right: 0; padding-bottom: 10px; padding-left: 0px; }



#footer a:link, #footer a:visited { color:#3399cc; }



#footer a:hover { color:#3399cc; }



#menubas { text-align:center; color:#80a7ae; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 0px; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; }



#menubas a { color:#fff; }



.fcred { text-align:center; margin:5px 0px 10px 0px; line-height:16px; color: #FFF; font-size: 10px; }



#fiche-b1 { position: relative; padding-top: 10px; }



/* The Attachment */



.contentCenter { text-align:center; }



/* The Page Title */



h2.pagetitle { padding:10px 0px; font-size:14px; text-align:center; color:#555; border-bottom:1px dashed #ccc; margin-bottom:10px; }



h2.pagetitle a { color:#507409; }



/* Footer Supplementaire

-------------------------------------------------------------- */





#morefoot { background: transparent; padding: 10px; color: #dfdfdf; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; }



#morefoot p { color: #c89f51; margin: 0px; padding: 0px; }



#morefoot ul { list-style-type: none; margin-top: 5px; color: #c89f51; }



#morefoot ul li, #morefoot p { font-size: 9pt; color: #c89f51; }



#morefoot a { text-decoration: underline; color: #c89f51; }



#morefoot a:hover { text-decoration: underline; color: #c89f51; }



#morefoot h3 { font-size: 14px; font-weight: normal; color: #3399cc; margin: 0; padding: 0 0 2px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }



#morefoot h5 { font-size: 8pt; font-weight: normal; color: #c89f51; letter-spacing: -1px; font-family: Tahoma, Geneva, sans-serif; text-align: left; margin-top: 180px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0px; padding-left: 0; }



#morefoot #searchbox { padding: 1px; width: 180px; }



#morefoot .col1 { float: left; width: 304px; height:245px; background-color: transparent; background-image: url(../images/histoire.png); background-repeat: no-repeat; }



#morefoot .col2 { float: left; width: 333px; height:245px; background-color: transparent; background-image: url(../images/travail.png); background-repeat: no-repeat; border-right-width: thin; border-right-style: solid; border-right-color: #FFF; border-left-width: thin; border-left-style: solid; border-left-color: #FFF; }



#morefoot .col3 { float: left; width: 312px; height:245px; background-color: transparent; background-image: url(../images/passion.png); background-repeat: no-repeat; }



#morefoot li { padding-left: 20px; margin-bottom: 5px; line-height: 17px; }



#adressefooter { background: transparent; margin-top: 50px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; }



#adressefooter p { font-size: 14px; font-style: normal; color: #FFF; }



/* News

-------------------------------------------------------------- */



#news { background-color: #dedcd3; background-image: url(../images/titre-news.png); background-position: center top; background-repeat: no-repeat; float: right; width: 200px; height : auto; padding:10px 25px;margin-bottom: 10px; }



#news ul { line-height:2; color:#0D4B7D}



/* Galerie Accueil

-------------------------------------------------------------- */



.titlegalery{ font-size: 14px; font-weight: bold; text-transform: capitalize; color: #FFF;  margin-bottom:10px; text-align:center }



#galery { background-color: #dedcd3; background-image: url(../images/titre-news.png); background-position: center top; background-repeat: no-repeat; float: right; text-align:center;margin-bottom: 10px; }

#facebook { background-color: transparent; float: right; text-align:center;margin-bottom: 10px; }



/* rubrique cirrus

-------------------------------------------------------------- */



/* Des classes flotante */

.floatleft { float:left; margin: 15px; overflow: auto; }



.floatright { float:right; }



.conteneur1 { text-align: center; }



.centre1 { margin-left: auto; margin-right: auto; width: 100%; text-align: left; padding-left:150px; }



.eti { width:153px; }

a.over0 { background:url(../images/etiquette00.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }
a.over0:hover { background:url(../images/etiquette00_over.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }

a.over1 { background:url(../images/etiquette01.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }
a.over1:hover { background:url(../images/etiquette01_over.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }

a.over2 { background:url(../images/etiquette02.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }
a.over2:hover { background:url(../images/etiquette02_over.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }

a.over3 { background:url(../images/etiquette03.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }
a.over3:hover { background:url(../images/etiquette03_over.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }

a.over4 { background:url(../images/etiquette04.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }
a.over4:hover { background:url(../images/etiquette04_over.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }

a.over5 { background:url(../images/etiquette05.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }
a.over5:hover { background:url(../images/etiquette05_over.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }

a.over6 { background:url(../images/etiquette06.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }
a.over6:hover { background:url(../images/etiquette06_over.png) no-repeat; width:153px; height:200px; padding-bottom: 10px; display:block; }





/*	Formulaire de contact

----------------------------------------------------------*/

#formulaire { width:432px; margin:10px 40px; padding: 5px 0 15px; float:left; clear:both; text-align:center; }



#formulaire fieldset { padding:0 10px; border:1px solid #0B66A8; /* couleur du fieldset */ }



#formulaire legend { padding:2px 15px 2px 10px; font: 700 1em Georgia, "Times New Roman", Times, serif; color:#fff; background-color:#0B66A8; /* couleur de la légende */ /*border-left:3px solid #c6189f; barre verticale */ }



.margform { margin-bottom:30px; }



.padding_top_20 { padding-top:20px; }



#civilite { text-align:left; margin:7px 0 10px 0; }



p.selectDest {width:320px; margin:0 70px 0 auto; padding:20px 0 0 0;}



.selectDest label { width:175px;}



.label1, .label2, .label3 { float:left; text-align:right; margin-bottom:5px; }



.label1 { width:74px; }



.label2 { width:90px; }



.label3 { padding-left:24px; width:207px; }



.label_message { width:100%; text-align:left; }



.labelRadio { float:left; margin:0 10px 10px 0; }



.textarea, .input1, .input2, .input3, .input4,  .input, .select, #code, .selectDest select{ border:1px solid #0B66A8; background-color:#fff }



.input1, .input2, .input3 { float:left; }



.input1 { width:135px; }



.input2 { width:106px; }



.input3 { width:182px; }



.input4 { width:333px; }



.textarea { width:400px; height:100px; overflow:auto; clear:both; }



.submit { width:auto; height:30px; margin:10px 0; padding:5px; background:#0B66A8 url('../images/fond-submit.jpg') repeat-x top; color:#fff; font-weight:bold; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #0B66A8; }



.submit:hover {background:#0B66A8 url('../images/fond-submit-hover.jpg') repeat-x top;}



/*	Antispam

----------------------------------------------------------*/

.notaAntispam { font-size:10px; font-style:italic; text-align:center; margin:10px 0}



/*	Validation formulaires

----------------------------------------------------------*/

label.error { color: #c00; font-style: italic; display: block; }



input.error, textarea.error { border: 1px dotted #c00; background-color: #FFD9D7; }



#errors { color: #c00; background-color: #FFD9D7; border: 1px solid #c00; text-align: left; padding: 0.5em 0.5em 0.5em 3em; margin:5px 0 }



.txtmail { margin-top:3em; }



/* PAGINATION */



div.pagination { margin: 1em 0; }

ul.pagination {

	list-style: none;

	float: left;

}

ul.pagination li {

	display: inline;

	float: left;

	margin-right: 0.1em;

}

ul.pagination li, ul.pagination a, ul.pagination span {

	font-weight: bold;

	color: #374853;

}

ul.pagination a, ul.pagination span {

	border: 1px solid #888;

	padding: 0em 0.1em;

	display: block;

	line-height: 17px;

	background: #bdc2c9 url(../images/pagination_bg.gif) repeat-x top right;

}

ul.pagination a { text-decoration: none; }

ul.pagination li.current span {

	background-color: #595a5e;

	background-image: url(../images/pagination-bg-current.gif);

	color: white;

	border: 1px solid #595a5e;

}

ul.pagination li.truncate {

	padding: 0.3em;

	background: none;

}

#pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span {

	background-image: url(../images/pagination-prevnext-bg.gif);

	border: none;

	line-height: 19px;

	border-color: #d0d1d5;

	border-style: solid;

	border-width: 0 1px;

}

#pagination_previous {

	background: transparent url(../images/pagination-prev-border.gif) no-repeat top left;

	padding-left: 6px;

}

#pagination_previous a, #pagination_previous span {

	border-left: none;

}

#pagination_next {

	background: transparent url(../images/pagination-next-border.gif) no-repeat top right;

	padding-right: 6px;

}

#pagination_next a, #pagination_next span { border-right: none; }

li.disabled span {

	color: #888;

	background-color: #f1f2f4;

}



form.pagination { text-align: right; }

form.pagination label {

	line-height: 1.4em;

	vertical-align: bottom;

	float:right;

	margin-left: 0.6em;

}

form.pagination select { float:right; }

form.pagination select option{

	font-size: 0.9em;

	padding-right: 1em;

}

form.pagination input{ float:right; }



/*----- drapeaux wordpress-----*/



#language-selector { position:absolute; top:230px; left:50px; background:none  }



#lang_sel_list ul a, #lang_sel_list a, 

#lang_sel_list ul a:hover, #lang_sel_list a:hover, 

#lang_sel_list ul a:visited, #lang_sel_list a:visited { padding:0; background:transparent; border:none;}



#lang_sel_list li { width:25px; height:17px; background:none; display:none }



#lang_sel_list ul a.hover { opacity : 0.7; -moz-opacity : 0.7; -ms-filter: "alpha(opacity=7)"; /* IE 8 */ filter : alpha(opacity=70); /* IE < 8 */ }



.margform.padding_top_20 img:hover {opacity:0.7;}