/*

Theme Name: Cité de la Mer

Theme URI: http://wordpress.org/

Description: Theme du site de la Cité De la Mer

Author: Altitude Creation

Version: 1.0

License: GNU General Public License

License URI: license.txt

Tags: CIté de la Mer, black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu

*/



@import url('style_client.css');





/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

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



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead {

	background: transparent;

	border: 0;

	margin: 0;

	padding: 0;

	/*vertical-align: baseline;*/

}

body {

	line-height: 1;

}

h1, h2, h3, h4, h5, h6 {

	clear: both;

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img {

	border: none;

}



/* =Layout

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



/*

LAYOUT: Two columns

DESCRIPTION: Two-column fixed layout with one sidebar right of content

*/



#container {

	float: right;

	margin: 0 -300px 0 0;

	width: 100%;

}



.cdm-front #container{

	background:url(images/cdm_acceuil_bg.jpg) no-repeat top left #f1f4f6;	

}



#container.one-column{

	margin-right:0 !important;	

}



#content {

	margin: 0 320px 0 0;

}



#primary,

#secondary {

	position:relative;

	float: left;

	overflow: hidden;

	width: 300px;

	/*text-align:center;*/

}

#secondary {

	clear: right;

}

#footer {

	clear: both;

	width: 100%;

}



/*

LAYOUT: One column, no sidebar

DESCRIPTION: One centered column with no sidebar

*/



.one-column #content {

	margin: 0 auto;

	width: 950px;

}



div.ctn-share-gauche {

	display: inline-block;

	float: left;

	margin-top: 8px;

}

/*

LAYOUT: Colonne a gauche avec sous menu

DESCRIPTION: contenu a droite et sous menu a gauche

*/

#container.left-column{

	

}



.left-column #content {

	margin: 0 auto;

	width: 950px;

}



.left-column h1, h1{

	font-size:20px;

	font-weight:bold;

	color:#f39800 !important;

	margin:0 !important;

	text-shadow:1px 1px 0 #FFF;

}



.left-column h2, h2{

	font-size:17px;

	font-weight:bold;

	color:#444444 !important;

	margin:0 !important;

	padding:0 !important;

	text-shadow:1px 1px 0 #FFF;

	text-transform:none !important;

}



.left-column h3{

	font-size:14px;

	font-weight:bold;

	color:#444444 !important;

	margin:0 0 20px 0 !important;

}



/*

LAYOUT: Full width, no sidebar

DESCRIPTION: Full width content with no sidebar; used for attachment pages

*/



.single-attachment #content {

	margin: 0 auto;

	width: 900px;

}





/* =Fonts

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

body,

input,

textarea,

.page-title span,

.pingback a.url {

	font-family: Arial, Helvetica, sans-serif;

}

h3#comments-title,

h3#reply-title,

#access .menu,

#access div.menu ul,

#cancel-comment-reply-link,

.form-allowed-tags,

#site-info,

#site-title,

#wp-calendar,

.comment-meta,

.comment-body tr th,

.comment-body thead th,

.entry-content label,

.entry-content tr th,

.entry-content thead th,

.entry-meta,

.entry-title,

.entry-utility,

#respond label,

.navigation,

.page-title,

.pingback p,

.reply,

.widget-title,

.wp-caption-text {

	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

}

input[type=submit] {

	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

}

pre {

	font-family: "Courier 10 Pitch", Courier, monospace;

}

code {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}



@font-face {

    font-family: 'DINBold';

    src: url('fonts/ff_din_bold-webfont.eot');

    src: url('fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/ff_din_bold-webfont.woff') format('woff'),

         url('fonts/ff_din_bold-webfont.ttf') format('truetype'),

         url('fonts/ff_din_bold-webfont.svg#DINBold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'DINBlackRegular';

    src: url('fonts/ff_din_black-webfont.eot');

    src: url('fonts/ff_din_black-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/ff_din_black-webfont.woff') format('woff'),

         url('fonts/ff_din_black-webfont.ttf') format('truetype'),

         url('fonts/ff_din_black-webfont.svg#DINBlackRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'DINRegular';

    src: url('fonts/ff_din_regular.eot');

    src: url('fonts/ff_din_regular.eot?#iefix') format('embedded-opentype'),

         url('fonts/ff_din_regular.woff') format('woff'),

         url('fonts/ff_din_regular.ttf') format('truetype'),

         url('fonts/ff_din_regular.svg#ff_din_regular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'DINLight';

    src: url('fonts/ff_din_light-webfont.eot');

    src: url('fonts/ff_din_light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/ff_din_light-webfont.woff') format('woff'),

         url('fonts/ff_din_light-webfont.ttf') format('truetype'),

         url('fonts/ff_din_light-webfont.svg#DINLightRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Myriad-Regular';

    src: url('fonts/myriadpro-regular.eot');

    src: url('fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),

         url('fonts/myriadpro-regular.woff') format('woff'),

         url('fonts/myriadpro-regular.ttf') format('truetype'),

         url('fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'museo300';

    src: url('fonts/museo300-regular-webfont.eot');

    src: url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/museo300-regular-webfont.woff') format('woff'),

         url('fonts/museo300-regular-webfont.ttf') format('truetype'),

         url('fonts/museo300-regular-webfont.svg#museo300') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'museo700';

    src: url('fonts/museo700-regular-webfont.eot');

    src: url('fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/museo700-regular-webfont.woff') format('woff'),

         url('fonts/museo700-regular-webfont.ttf') format('truetype'),

         url('fonts/museo700-regular-webfont.svg#museo700') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'museo_sans900';

    src: url('fonts/museosans-webfont.eot');

    src: url('fonts/museosans-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/museosans-webfont.woff') format('woff'),

         url('fonts/museosans-webfont.ttf') format('truetype'),

         url('fonts/museosans-webfont.svg#museo_sans900') format('svg');

    font-weight: normal;

    font-style: normal;

}



/* =Structure

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



/* The main theme structure */

#access .menu-header,

div.menu,

#colophon,

#branding,

#main,

#wrapper {

	margin: 0 auto;

	width: 994px;

}

#wrapper {

	background: none;

}



/* Structure the footer area */

#footer-widget-area {

	overflow: hidden;

}

#footer-widget-area .widget-area {

	float: left;

	margin-right: 20px;

	width: 220px;

}

#footer-widget-area #fourth {

	margin-right: 0;

}

#site-info {

	float: left;

	font-size: 14px;

	font-weight: bold;

	width: 700px;

}

#site-generator {

	float: right;

	width: 220px;

}





/* =Global Elements

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



/* Main global 'theme' and typographic styles */

html {

	-webkit-font-smoothing: antialiased;

	font-smooth:always;

	background:url(images/cdm_bg.jpg) repeat-x center top  #000514;

}



body{

	background:url(images/cdm_overall_bg.jpg) no-repeat center top transparent;	

}

body,

input,

textarea {

	color: #666;

	font-size: 12px;

	line-height: 18px;

}

hr {

	background-color:#E99500/*#e7e7e7*/;

	border: 0;

	clear: both;

	height: 1px;

	margin-bottom: 18px;

}



/* Text elements */

p {

	margin-bottom: 18px;

}

ul {

	list-style: square;

	margin: 0 0 18px 1.5em;

}

ol {

	list-style: decimal;

	margin: 0 0 18px 1.5em;

}

ol ol {

	list-style: upper-alpha;

}

ol ol ol {

	list-style: lower-roman;

}

ol ol ol ol {

	list-style: lower-alpha;

}

ul ul,

ol ol,

ul ol,

ol ul {

	margin-bottom: 0;

}

dl {

	margin: 0 0 24px 0;

}

dt {

	font-weight: bold;

}

dd {

	margin-bottom: 18px;

}

strong {

	font-weight: bold;

}

cite,

em,

i {

	font-style: italic;

}

big {

	font-size: 131.25%;

}

ins {

	background: #ffc;

	text-decoration: none;

}

blockquote {

	font-style: italic;

	padding: 0 3em;

}

blockquote cite,

blockquote em,

blockquote i {

	font-style: normal;

}

pre {

	background: #f7f7f7;

	color: #222;

	line-height: 18px;

	margin-bottom: 18px;

	overflow: auto;

	padding: 1.5em;

}

abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

sup,

sub {

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}

input[type="text"],

textarea,select {

	background: #FFF;

	border: 1px solid #ccc;

	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

	padding: 2px;

}



a:link , a:visited , a:active {

	color: #444444;

}



a:hover {

	color: #F39800;

}



/* Text meant only for screen readers */

.screen-reader-text {

	position: absolute;

	left: -9000px;

}





/* =Header

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



#header {

  background: url("images/cdm_topmenus_bg.png") no-repeat scroll left top transparent;

  display: block;

  height: 109px;

  padding: 0;

  width: 100%;

  margin:0 0 356px 0;

  position:relative;

}



#site-title {

	float: left;

	font-size: 30px;

	line-height: 36px;

	margin: 0 0 18px 0;

	width: 700px;

}

#site-title a {

	color: #000;

	font-weight: bold;

	text-decoration: none;

}

#site-description {

	clear: right;

	float: right;

	font-style: italic;

	margin: 15px 0 18px 0;

	width: 220px;

}



/* This is the custom header image */

#branding img {

	border-top: 4px solid #000;

	border-bottom: 1px solid #000;

	display: block;

	float: left;

}





/* =Menu

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



#access {

	background: none;

	display: block;

	float: left;

	margin: 0 0 0 60px;

	width: 753px;

}





#access .menu-header,

div.menu {

	font-size: 16px;

	margin-left: 12px;

	width: auto;

	font-family:DINBold, Verdana, Geneva, sans-serif;

	text-shadow: 1px 1px 0px #FFF;

}





#access .menu-header{

		

}



#access .menu-header ul,

div.menu ul {

	list-style: none;

	margin: 0;

}



#access .menu-header li,

div.menu li {

	float: left;

	position: relative;

	margin:0 10px;

}

#access a {

	color: #aaa;

	display: block;

	line-height: 38px;

	padding: 0 10px;

	text-decoration: none;

	font-family:DINBold, Verdana, Geneva, sans-serif;

	color:#006893;

}



#access ul ul {

	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	display: none;

	position: absolute;

	top: 38px;

	left: 0;

	float: left;

	width: 180px;

	z-index: 99999;

}

#access ul ul li {

	min-width: 180px;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	background: #333;

	line-height: 1em;

	padding: 10px;

	width: 160px;

	height: auto;

}

#access li:hover > a,

#access ul ul :hover > a {

	/*background: #333;

	color: #fff;*/

	

	text-decoration:underline;

}

#access ul li:hover > ul {

	display: block;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a {

	text-decoration:underline;

}

* html #access ul li.current_page_item a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

* html #access ul li a:hover {

	text-decoration:underline;

}



/* =MENU COLORS 

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

#access li.m_blue a{ color:#006893; }

#access li.m_red a{ color:#8b0000; }

#access li.m_green a{ color:#609d00; }

#access li.m_orange a{ color:#e08900; }

#access li.m_pink a{ color:#a9005f; }

#access li.m_violet a{ color:#6063a6; }





/* = SUB MENU

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



#access_sub{

	background: none;

	display: block;

	float: left;

	margin: 8px 0 0 50px;

	width: 763px;

	height:237px;

}



#access_sub ul , #access_sub li{

	margin:0;

	list-style:none;

	position: relative;

}



#access_sub ul ul{

	display:none;

	position:absolute;

	z-index:9999;

	top:57px;

	width:890px;

	height:169px;

	padding:5px;

	background:url(images/black_opacity_submen.png) repeat left top transparent;

	overflow:hidden;

}



#access_sub li{	

	display:inline-block;

	float:left;		

	text-align:center;

	font-family:DINBlackRegular, "Times New Roman", Times, serif;

	font-size:16px;

	text-transform:uppercase;

	padding:0;

}



#access_sub li a,

#access_sub li a:link,

#access_sub li a:visited,

#access_sub li a:active{

	display:inline-block;

	float:left;

	width:140px;

	height:40px;

	padding:9px 5px;

	overflow:hidden;

	color:#FFF;

	text-decoration:none;

	font-weight:normal;

	text-shadow:1px 1px 0 #8d9ba0;

}



#access_sub li a:hover, #access_sub li a.hovered{

	margin:-1px 0 0 0;

	border-top:#000 solid 1px;

	border-radius:8px 8px 0 0 ;

	background:url(images/black_opacity_submen.png) repeat left top transparent;	

}



#access_sub ul li:hover ul{

	display:block;

}



#access_sub ul ul li a{

	color:#E99500 !important;

	font-size:12px;

	text-shadow:none !important;

}



/* SUB SPEC 

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



/* ESPACE CITE --- */

#access_sub ul li.mensub-espace a{

	

}



#access_sub ul li.mensub-espace:first-child{

	font-size:14px !important;	

}



#access_sub ul li.mensub-espace ul {

	margin-left:-115px;	

}



#access_sub ul li.mensub-espace ul li{

	display:block;

	float:left;

}



#access_sub ul li.mensub-espace ul li a{

	display:block;

	float:left;

	width:160px;

	height:151px;

	color:#e99500;

	background-position:center bottom;

	background-repeat:no-repeat;

	background-color:transparent;

}



#access_sub ul li.mensub-espace ul li.titanic  a{

	background-image:url(images/menus/sub_espace_titanic.png);		

}

#access_sub ul li.mensub-espace ul li.redoutable a{

	background-image:url(images/menus/sub_espace_redout.png);		

}

#access_sub ul li.mensub-espace ul li.explore a{

	background-image:url(images/menus/sub_espace_explore.png);		

}

#access_sub ul li.mensub-espace ul li.engins a{

	background-image:url(images/menus/sub_espace_engins.png);		

}

#access_sub ul li.mensub-espace ul li.sslamer  a{

	background-image:url(images/menus/sub_espace_sslamer.png);		

}





/* EVENTS --- */

#access_sub ul li.mensub-events ul{

	width:854px !important;

	margin-left:-275px;	

}



#access_sub ul li.mensub-events.events-en ul{	

	/*width:620px !important;

	margin-left:-150px !important	*/	

}



#access_sub ul li.mensub-events ul li{

	width:210px;

	padding:0 25px;

}



#access_sub ul li.mensub-events ul li a{

	text-align:left;

	width:185px;

	padding:0 5px;

	height:20px !important;

	font-size:20px;

	margin:20px 0 0 0;

	/*border:#f0f solid 1px;*/

}



#access_sub ul li.mensub-events ul li a .date, #access_sub ul li.mensub-events ul li a .title{

	display:inline-block;

	width:100%;

}



#access_sub ul li.mensub-events ul li a .title{

	text-transform:none !important;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

}



#access_sub ul li.mensub-events ul li a:hover{

	background:none !important;

	border:none !important;

}



#access_sub ul li.mensub ul li.actualite{

	width:270px !important;

}



#access_sub ul li.mensub-events ul li a.sub-evenements, #access_sub ul li.mensub-events ul li a.sub-actualite{

	color:#FFF !important;

	height:auto !important;

	font-size:15px !important;

	margin:5px 0 !important;

	text-align:left;

}



#access_sub ul li.mensub ul li.actualite a.sub-actualite{

	width:270px !important;	

}



#access_sub ul li.mensub ul li a.sub-actualite .subtitle{

	display: inline-block;

	width: 150px;

	padding: 15px 0 0 8px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

}



#access_sub ul li.mensub ul li.evenements a.sub-evenements span.date{

	font-size:13px;	

	font-weight:normal !important;

}



#access_sub ul li.mensub ul li a.sub-actualite .title{

	color:#e99500;

	text-align:center;

}



#access_sub ul li.mensub ul li.small-actus{

	padding-top:20px;	

}



#access_sub ul li.mensub ul li.small-actus a, #access_sub ul li.mensub ul li.small-actus a:hover{

	border-left:#FFF solid 1px;	

}



#access_sub ul li.mensub ul li.small-actus a .title{

	text-align:left;	

}



#access_sub ul li.mensub ul li a > * {

	cursor:pointer;

}



/* ---- AVIS */



#access_sub ul li.mensub ul li.avis_visit {



} 



#access_sub ul li.mensub ul li.avis_visit a,

#access_sub ul li.mensub ul li.avis_visit a:link,

#access_sub ul li.mensub ul li.avis_visit a:visited,

#access_sub ul li.mensub ul li.avis_visit a:active,

#access_sub ul li.mensub ul li.avis_visit a:hover{

	width:auto !important;

	height: auto !important;	

	text-align:center !important;

}



#access_sub ul li.mensub ul li.avis_visit a span{

	text-align:center;

}



#access_sub ul li.mensub ul li.avis_visit a span.avis_title,

#access_sub ul li.mensub ul li.avis_visit a .avis_title{

	display:inline-block;

	width:100%;	

	color:#E99500 !important;

	margin:0px 0 15px 0;

	font-size:20px !important;

}



#access_sub ul li.mensub ul li.avis_visit a .avis_content, #access_sub ul li.mensub ul li.avis_visit a .avis_content span{

	font-size:14px !important;

	font-family:Arial, Helvetica, sans-serif;

	text-transform:none !important;

	color:#FFF !important;

	text-align:left !important;

}



#access_sub ul li.mensub ul li.avis_visit a .avis_content .avis_quote{

	font-style:italic;	

}



/* INFOS PRATIQUES */



#access_sub ul li.mensub-infos ul{

	width:625px !important;

	margin-left:-225px;	

}



#access_sub ul li.mensub-infos ul li{

	display:inline-block;

	float:left;

	width:284px;

	height:35px;

	margin:0 0 5px 0;

}



#access_sub ul li.mensub-infos ul li a{

	display:inline-block;

	float:left;

	width:284px;

	height:35px;

}



#access_sub ul li.mensub-infos ul li a span{

	display:inline-block;

	width:100%;

	text-align:left;

}



#access_sub ul li.mensub-infos ul li a .title{

	font-size:16px;	

}



#access_sub ul li.mensub-infos ul li a .text{

	font-size: 12px;	

	color: #FFF !important;

	font-family: Arial, Helvetica, sans-serif;

	text-transform:none !important;	

}



/* TOURISME EN NORMANDIE */



#access_sub ul li.mensub-tourisme a:hover{

	border-bottom:#000 solid 1px;

	border-radius:8px ;

} 



/* SEPARATEUR */



#access_sub ul ul li.sep{

	width:1px !important;

	height:114px;

	background:#FFF;

	margin:26px 0 0 0;

	padding:0 !important;

}



/* BUTTON IN SUBMENU */



#access_sub li a.menu_bttn{

	display:block;

	width:144px;

	height:40px;

	line-height:40px;

	color:#FFF;

	border:none;

	margin:0;

	padding:9px 0;

}



#access_sub li a.menu_bttn.orange,

#access_sub li a.menu_bttn.orange:hover{

	background:url(images/orange_button_small.png) no-repeat center center transparent;

}



/* =LANGUAGE SELECTOR 

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

#language-sel{

	display:block;

	float:right;

	width:auto;

	color:#505050;

	heihgt:34px;

}



#language-sel a,

#language-sel a:link,

#language-sel a:visited,

#language-sel a:active{

	display:block;

	float:left;

	padding:0 2px;	

	line-height: 34px;

	font-size: 15px;

	color:#000000;

	text-transform:uppercase;

	text-decoration:none;

	font-family:DINBold, Verdana, Geneva, sans-serif;

}



#language-sel a:hover,

#language-sel a.selected{

	text-decoration:underline;	

}



#language-sel .language-sel-sep{

	display:block;

	float:left;

	padding:0;	

	line-height: 34px;

	font-size: 15px;

	width:auto;

	font-family:DINBold, Verdana, Geneva, sans-serif;

}





/* =Content

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



#out_main{

	padding-bottom:54px;

	background:url(images/cdm_content_bg.png) no-repeat center bottom transparent;

	position:relative;

	overflow:visible;

}







#main {

	clear: both;

	overflow: hidden;

	padding: 80px 0 0 0;

	width:970px;

	background:#f1f4f6;

}



#main.cdm-front{

	padding: 200px 0 0 0 !important;	

}





#content {

	/*margin-bottom: 36px;*/

}

#content,

#content input,

#content textarea {

	color: #444444;

	font-size: 14px;

	line-height:24px;

}

#content p,

#content ul,

#content ol,

#content dd,

#content pre,

#content hr {

	/*margin-bottom: 24px;*/

	margin-bottom: 6px;

}

#content ul ul,

#content ol ol,

#content ul ol,

#content ol ul {

	margin-bottom: 0;

}

#content pre,

#content kbd,

#content tt,

#content var {

	font-size: 15px;

	line-height: 21px;

}

#content code {

	font-size: 13px;

}

#content dt,

#content th {

	color: #000;

}

#content h1,

#content h2,

#content h3,

#content h4,

#content h5,

#content h6 {

	color: #000;

	line-height: 1.5em;

	margin: 0 0 20px 0;

}

#content table {

	/*border: 1px solid #e7e7e7;

	margin: 0 -1px 24px 0;

	text-align: left;

	width: 100%;*/

}

#content tr th,

#content thead th {

	color: #888;

	font-size: 12px;

	font-weight: bold;

	line-height: 18px;

	padding: 9px 24px;

}

#content tr td {

	/*border-top: 1px solid #e7e7e7;

	padding: 6px 24px;*/

}

#content tr.odd td {

	background: #f2f7fc;

}

.hentry {

	margin: 0/* 0 48px 0*/;

}

.home .sticky {

	background: #f2f7fc;

	border-top: 4px solid #000;

	margin-left: -20px;

	margin-right: -20px;

	padding: 18px 20px;

}

.single .hentry {

	margin: 0 0 36px 0;

}

.page-title {

	color: #000;

	font-size: 14px;

	font-weight: bold;

	margin: 0 0 36px 0;

}

.page-title span {

	color: #333;

	font-size: 16px;

	font-style: italic;

	font-weight: normal;

}

.page-title a:link,

.page-title a:visited {

	color: #888;

	text-decoration: none;

}

.page-title a:active,

.page-title a:hover {

	color: #ff4b33;

}

#content .entry-title {

	color: #000;

	font-size: 21px;

	font-weight: bold;

	line-height: 1.3em;

	margin-bottom: 0;

}

.entry-title a:link,

.entry-title a:visited {

	color: #000;

	text-decoration: none;

}

.entry-title a:active,

.entry-title a:hover {

	color: #ff4b33;

}

.entry-meta {

	color: #888;

	font-size: 12px;

}

.entry-meta abbr,

.entry-utility abbr {

	border: none;

}

.entry-meta abbr:hover,

.entry-utility abbr:hover {

	border-bottom: 1px dotted #666;

}

.entry-content,

.entry-summary {

	clear: both;

	padding: /*12px 0 0 */0;

}

#content .entry-summary p:last-child {

	margin-bottom: 12px;

}

.entry-content fieldset {

	border: 1px solid #e7e7e7;

	margin: 0 0 24px 0;

	padding: 24px;

}

.entry-content fieldset legend {

	background: #fff;

	color: #000;

	font-weight: bold;

	padding: 0 24px;

}

.entry-content input {

	/*margin: 0 0 24px 0;*/

}

.entry-content input.file,

.entry-content input.button {

	margin-right: 24px;

}

.entry-content label {

	color: #888;

	font-size: 12px;

}

.entry-content select {

	/*margin: 0 0 24px 0;*/

}

.entry-content sup,

.entry-content sub {

	font-size: 10px;

}

.entry-content blockquote.left {

	float: left;

	margin-left: 0;

	margin-right: 24px;

	text-align: right;

	width: 33%;

}

.entry-content blockquote.right {

	float: right;

	margin-left: 24px;

	margin-right: 0;

	text-align: left;

	width: 33%;

}

.entry-content .alignright  {

    display: block;

	margin-left: 24px;

}

.entry-content #single-actu {

	display: block;

	margin-right: 330px;

}

.page-link {

	clear: both;

	color: #000;

	font-weight: bold;

	margin: 0 0 22px 0;

	word-spacing: 0.5em;

}

.page-link a:link,

.page-link a:visited {

	background: #f1f1f1;

	color: #333;

	font-weight: normal;

	padding: 0.5em 0.75em;

	text-decoration: none;

}

.home .sticky .page-link a {

	background: #d9e8f7;

}

.page-link a:active,

.page-link a:hover {

	color: #ff4b33;

}

body.page .edit-link {

	clear: both;

	display: block;

}

#entry-author-info {

	background: #f2f7fc;

	border-top: 4px solid #000;

	clear: both;

	font-size: 14px;

	line-height: 20px;

	margin: 24px 0;

	overflow: hidden;

	padding: 18px 20px;

}

#entry-author-info #author-avatar {

	background: #fff;

	border: 1px solid #e7e7e7;

	float: left;

	height: 60px;

	margin: 0 -104px 0 0;

	padding: 11px;

}

#entry-author-info #author-description {

	float: left;

	margin: 0 0 0 104px;

}

#entry-author-info h2 {

	color: #000;

	font-size: 100%;

	font-weight: bold;

	margin-bottom: 0;

}

.entry-utility {

	clear: both;

	color: #888;

	font-size: 12px;

	line-height: 18px;

}

.entry-meta a,

.entry-utility a {

	color: #888;

}

.entry-meta a:hover,

.entry-utility a:hover {

	color: #ff4b33;

}

#content .video-player {

	padding: 0;

}





/* =Asides

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



.home #content .format-aside p,

.home #content .category-asides p {

	font-size: 14px;

	line-height: 20px;

	margin-bottom: 10px;

	margin-top: 0;

}

.home .hentry.format-aside,

.home .hentry.category-asides {

	padding: 0;

}

.home #content .format-aside .entry-content,

.home #content .category-asides .entry-content {

	padding-top: 0;

}





/* =Gallery listing

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



.format-gallery .size-thumbnail img,

.category-gallery .size-thumbnail img {

	border: 10px solid #f1f1f1;

	margin-bottom: 0;

}

.format-gallery .gallery-thumb,

.category-gallery .gallery-thumb {

	float: left;

	margin-right: 20px;

	margin-top: -4px;

}

.home #content .format-gallery .entry-utility,

.home #content .category-gallery .entry-utility {

	padding-top: 4px;

}





/* =Attachment pages

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



.attachment .entry-content .entry-caption {

	font-size: 140%;

	margin-top: 24px;

}

.attachment .entry-content .nav-previous a:before {

	content: '\2190\00a0';

}

.attachment .entry-content .nav-next a:after {

	content: '\00a0\2192';

}





/* =Images

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



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline-block;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #FFF;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #444;

	font-size: 12px;

	margin: 5px;

	font-weight:bold;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}





/* =Navigation

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



.navigation {

	color: #888;

	font-size: 12px;

	line-height: 18px;

	overflow: hidden;

}

.navigation a:link,

.navigation a:visited {

	color: #888;

	text-decoration: none;

}

.navigation a:active,

.navigation a:hover {

	color: #ff4b33;

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#nav-above {

	margin: 0 0 18px 0;

}

#nav-above {

	display: none;

}

.paged #nav-above,

.single #nav-above {

	display: block;

}

#nav-below {

	margin: -18px 0 0 0;

}





/* =Comments

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

#comments {

	clear: both;

}

#comments .navigation {

	padding: 0 0 18px 0;

}

h3#comments-title,

h3#reply-title {

	color: #000;

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 0;

}

h3#comments-title {

	padding: 24px 0;

}

.commentlist {

	list-style: none;

	margin: 0;

}

.commentlist li.comment {

	border-bottom: 1px solid #e7e7e7;

	line-height: 24px;

	margin: 0 0 24px 0;

	padding: 0 0 0 56px;

	position: relative;

}

.commentlist li:last-child {

	border-bottom: none;

	margin-bottom: 0;

}

#comments .comment-body ul,

#comments .comment-body ol {

	margin-bottom: 18px;

}

#comments .comment-body p:last-child {

	margin-bottom: 6px;

}

#comments .comment-body blockquote p:last-child {

	margin-bottom: 24px;

}

.commentlist ol {

	list-style: decimal;

}

.commentlist .avatar {

	position: absolute;

	top: 4px;

	left: 0;

}

.comment-author {

}

.comment-author cite {

	color: #000;

	font-style: normal;

	font-weight: bold;

}

.comment-author .says {

	font-style: italic;

}

.comment-meta {

	font-size: 12px;

	margin: 0 0 18px 0;

}

.comment-meta a:link,

.comment-meta a:visited {

	color: #888;

	text-decoration: none;

}

.comment-meta a:active,

.comment-meta a:hover {

	color: #ff4b33;

}

.commentlist .even {

}

.commentlist .bypostauthor {

}

.reply {

	font-size: 12px;

	padding: 0 0 24px 0;

}

.reply a,

a.comment-edit-link {

	color: #888;

}

.reply a:hover,

a.comment-edit-link:hover {

	color: #ff4b33;

}

.commentlist .children {

	list-style: none;

	margin: 0;

}

.commentlist .children li {

	border: none;

	margin: 0;

}

.nopassword,

.nocomments {

	display: none;

}

#comments .pingback {

	border-bottom: 1px solid #e7e7e7;

	margin-bottom: 18px;

	padding-bottom: 18px;

}

.commentlist li.comment+li.pingback {

	margin-top: -6px;

}

#comments .pingback p {

	color: #888;

	display: block;

	font-size: 12px;

	line-height: 18px;

	margin: 0;

}

#comments .pingback .url {

	font-size: 13px;

	font-style: italic;

}



/* Comments form */

input[type=submit] {

	color: #333;

}

#respond {

	border-top: 1px solid #e7e7e7;

	margin: 24px 0;

	overflow: hidden;

	position: relative;

}

#respond p {

	margin: 0;

}

#respond .comment-notes {

	margin-bottom: 1em;

}

.form-allowed-tags {

	line-height: 1em;

}

.children #respond {

	margin: 0 48px 0 0;

}

h3#reply-title {

	margin: 18px 0;

}

#comments-list #respond {

	margin: 0 0 18px 0;

}

#comments-list ul #respond {

	margin: 0;

}

#cancel-comment-reply-link {

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

}

#respond .required {

	color: #ff4b33;

	font-weight: bold;

}

#respond label {

	color: #888;

	font-size: 12px;

}

#respond input {

	margin: 0 0 9px;

	width: 98%;

}

#respond textarea {

	width: 98%;

}

#respond .form-allowed-tags {

	color: #888;

	font-size: 12px;

	line-height: 18px;

}

#respond .form-allowed-tags code {

	font-size: 11px;

}

#respond .form-submit {

	margin: 12px 0;

}

#respond .form-submit input {

	font-size: 14px;

	width: auto;

}





/* =Widget Areas

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



.widget-area ul {

	list-style: none;

	margin-left: 0;

}

.widget-area ul ul {

	list-style: square;

	margin-left: 1.3em;

}

.widget-area select {

	max-width: 100%;

}

.widget_search #s {/* This keeps the search inputs in line */

	width: 60%;

}

.widget_search label {

	display: none;

}

.widget-container {

	margin: 0 0 18px 0;

}

.widget-title {

	color: #f39800 ;

	font-weight: bold;

	text-shadow:1px 1px 0 #FFF;

	text-align:left;

	font-size:17px;

	line-height:17px;

	padding: 0 0 3px 10px !important;

	margin:0 0 8px 0 !important;

	border-bottom:#d8dbdd solid 1px !important;

	

}

.widget-area a:link,

.widget-area a:visited {

	text-decoration: none;

}

.widget-area a:active,

.widget-area a:hover {

	text-decoration: underline;

}

.widget-area .entry-meta {

	font-size: 11px;

}

#wp_tag_cloud div {

	line-height: 1.6em;

}

#wp-calendar {

	width: 100%;

}

#wp-calendar caption {

	color: #222;

	font-size: 14px;

	font-weight: bold;

	padding-bottom: 4px;

	text-align: left;

}

#wp-calendar thead {

	font-size: 11px;

}

#wp-calendar thead th {

}

#wp-calendar tbody {

	color: #aaa;

}

#wp-calendar tbody td {

	background: #f5f5f5;

	border: 1px solid #fff;

	padding: 3px 0 2px;

	text-align: center;

}

#wp-calendar tbody .pad {

	background: none;

}

#wp-calendar tfoot #next {

	text-align: right;

}

.widget_rss a.rsswidget {

	color: #000;

}

.widget_rss a.rsswidget:hover {

	color: #ff4b33;

}

.widget_rss .widget-title img {

	width: 11px;

	height: 11px;

}



/* Main sidebars */

#main .widget-area ul {

	margin-left: 0;

	padding: 0 20px 0 0;

}

#main .widget-area ul ul {

	border: none;

	margin-left: 1.3em;

	padding: 0;

}

#primary {

	padding-top:40px;

	padding-bottom:150px;

	overflow:visible;

}

#secondary {

}



/* Footer widget areas */

#footer-widget-area {

}





/* =Footer

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



#footer {

	height:306px;

	margin-top:-44px;

}

#colophon {

	/*border-top: 4px solid #000;*/

	/*margin-top: -4px;

	overflow: hidden;

	padding: 18px 0;*/

}

#site-info {

	font-weight: bold;

}

#site-info a {

	color: #000;

	text-decoration: none;

}

#site-generator {

	font-style: italic;

	position: relative;

}

#site-generator a {

	background: url(images/wordpress.png) center left no-repeat;

	color: #666;

	display: inline-block;

	line-height: 16px;

	padding-left: 20px;

	text-decoration: none;

}

#site-generator a:hover {

	text-decoration: underline;

}

img#wpstats {

	display: block;

	margin: 0 auto 10px;

}





/* =Mobile Safari ( iPad, iPhone and iPod Touch )

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



pre {

	-webkit-text-size-adjust: 140%;

}

code {

	-webkit-text-size-adjust: 160%;

}

#access,

.entry-meta,

.entry-utility,

.navigation,

.widget-area {

	-webkit-text-size-adjust: 120%;

}

#site-description {

	-webkit-text-size-adjust: none;

}





/* =Print Style

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



@media print {

	body {

		background: none !important;

	}

	#wrapper {

		clear: both !important;

		display: block !important;

		float: none !important;

		position: relative !important;

	}

	#header {

		border-bottom: 2pt solid #000;

		padding-bottom: 18pt;

	}

	#colophon {

		border-top: 2pt solid #000;

	}

	#site-title,

	#site-description {

		float: none;

		line-height: 1.4em;

		margin: 0;

		padding: 0;

	}

	#site-title {

		font-size: 13pt;

	}

	.entry-content {

		font-size: 14pt;

		line-height: 1.6em;

	}

	.entry-title {

		font-size: 21pt;

	}

	#access,

	#branding img,

	#respond,

	.comment-edit-link,

	.edit-link,

	.navigation,

	.page-link,

	.widget-area {

		display: none !important;

	}

	#container,

	#header,

	#footer {

		margin: 0;

		width: 100%;

	}

	#content,

	.one-column #content {

		margin: 24pt 0 0;

		width: 100%;

	}

	.wp-caption p {

		font-size: 11pt;

	}

	#site-info,

	#site-generator {

		float: none;

		width: auto;

	}

	#colophon {

		width: auto;

	}

	img#wpstats {

		display: none;

	}

	#site-generator a {

		margin: 0;

		padding: 0;

	}

	#entry-author-info {

		border: 1px solid #e7e7e7;

	}

	#main {

		display: inline;

	}

	.home .sticky {

		border: none;

	}

}



/* =ALTITUDE CUSTOM ELEMENTS 

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



h2, #content h2{

	color:#656565 !important;

	font-family: Arial, Helvetica, sans-serif;

	/*text-transform:uppercase !important;

	padding:0 0 0 20px !important;	*/

}



#home_link{

	display:block;

	float:left;

	width:141px;

	height:83px;

	margin:0;

	padding:0;

	text-decoration:none;

	border:none;

	outline:none;	

	color:#FFF;

}



/* TOP RIGHT DESIGN */

#p_right{

	display:block;

	position:absolute;

	right:0;

	height:109px;

	background:url(images/cdm_menusrest_bg.png) repeat-x left top transparent;

}



/* FOOTER BG */



#bg_footer{

	background:url(images/cdm_footer_bg.jpg) no-repeat center bottom transparent;	

}



/* =BANDEAU 70éme ANNIVERSAIRE DU DEBARQUEMENT */



#bandeau-debarquement{

	position:absolute;

	display:inline-block;

	top:0;

	left :0;

	width:462px;

	overflow:auto;

	margin:120px 0 0 40px;

	

	/* fbee31 */

}



body.lang-en #bandeau-debarquement{

	width:524px;	

}



#bandeau-debarquement span.bandeau-debarquement-sub-1{

	display:inline-block;

	padding:9px 12px;

	font-family:museo_sans900 , Arial, Helvetica, sans-serif;

	font-size:19px;

	color:#fbee31;

	background:#000;

}



#bandeau-debarquement span.bandeau-debarquement-sub-2{

	display:inline-block;

	clear:both;

	float:none;	

	text-align:left;

	background:#fbee31;

	font-family:museo_sans900 , Arial, Helvetica, sans-serif;

	font-size:28px;

	line-height:28px;

	text-transform:uppercase;

	color:#000;

	padding:12px;

	width:438px;

}



body.lang-en #bandeau-debarquement span.bandeau-debarquement-sub-2{

	width:500px;	

}



#bandeau-debarquement span.bandeau-debarquement-sub-3{

	display:inline-block;

	padding:9px 12px;

	font-family:museo700 , Arial, Helvetica, sans-serif;

	font-size:19px;	

	text-transform:uppercase;

	color:#fbee31;

	clear:both;

	float:right;

	background:#000;

}



body.lang-en #bandeau-debarquement span.bandeau-debarquement-sub-3 span.small{

	vertical-align:top !important;	

	font-size:12px;

	display:inline-block;

	margin:-2px 0 0 0;

}

/* PAGE GALLERY */



#page_gallery{

	display:block;

	position:absolute;

	z-index:1;

	width:862px;

	height:231px;

	margin:-260px 0 0 -295px;	

	font-size:12px;

	line-height:12px;

	padding:6px 44px 48px 49px;

	background:url(images/viewer/viewer-global.png) no-repeat center top transparent;

	overflow:hidden;

}



#page_gallery iframe.frame-reader{

	overflow:hidden;

	border:none;

	outline:none;

	float:left;	

}



#page_gallery .reader-click{

	float:left;

	font-size:22px;

	font-family:DINBlackRegular, Arial, Helvetica, sans-serif;

	text-shadow:1px 1px 0px #FFF;

	margin-top:100px;

}



#page_gallery #ctn-html-entete{

	display:block;

	float:left;

	width:855px;

	height:223px;

	overflow-x:hidden;

	overflow-y:auto;	

}



#page_gallery.v_acceuil{

	height:	346px;

	background:url(images/viewer/viewer-acceuil.png) no-repeat center top transparent;

	margin-top:-380px;

}



.one-column #content #page_gallery{

	margin-left:-5px !important;

}



#page_gallery #ctn-gallery{

	display:block;

	float:left;	

	width:857px;

	height:223px;

	overflow:hidden;

}



#page_gallery .ctn-img-gallery{

	display:block;

	float:left;	

	width:857px;

	height:223px;

	overflow:hidden;

}



#page_gallery .ctn-img-gallery img{

	border:0;

	outline:0;

}



#page_gallery.v_acceuil #ctn-gallery{

	width:624px;

	height:339px;	

}



#page_gallery.v_acceuil .ctn-img-gallery{

	width:624px;

	height:339px;

}



/* NAVIGATION */



#page_gallery #ctn-gallery-nav{

	position:absolute;

	bottom:0;

	left:0;

	z-index:3;

	width:auto;

	height:30px;

	margin-top:-30px;

	color:#000;

	margin:0 0 65px 60px;

}



#ctn-gallery-nav a,

#ctn-gallery-nav a:link,

#ctn-gallery-nav a:visited,

#ctn-gallery-nav a:active {

	display:inline;

	float:left;

	width:10px;

	height:20px;

	margin:0 2px;

	text-decoration:none;

	color:#FFF;

	border:none;

	outline:none;

	background:url(images/caroussel/nav.png) no-repeat center center transparent;	

}



#ctn-gallery-nav a:hover,

#ctn-gallery-nav a.selected {

	background:url(images/caroussel/nav_selected.png) no-repeat center center transparent !important;	

}



#ctn-gallery-nav a span {

	visibility:hidden;	

}









/* Blocks de texte dans le caroussel */



#page_gallery #ctn-texts{

	display:block;

	position:relative;

	float:left;	

	width:218px;

	height:184px;

	margin: 0 0 0 9px;

	overflow:hidden;

}



#page_gallery #ctn-texts a.ctn-text-gallery,

#page_gallery #ctn-texts a.ctn-text-gallery:link,

#page_gallery #ctn-texts a.ctn-text-gallery:visited,

#page_gallery #ctn-texts a.ctn-text-gallery:active,

#page_gallery #ctn-texts a.ctn-text-gallery:hover{

	display:block;

	position:relative;

	float:left;	

	width:218px;

	height:149px;

	padding:35px 0 0 0;

	outline:none;

	border:none;

	text-decoration:none;

	font-weight:bold;

}



#page_gallery #ctn-texts .ctn-text-gallery .ctn-text-title{

	display:inline;

	width:100%;

	float:left;

	font-family:DINBlackRegular, Arial, Helvetica, sans-serif;

	color:#222222;

	text-align:left;

	font-size:22px;

	line-height:22px;

	text-transform:uppercase;	

}



#page_gallery #ctn-texts .ctn-text-gallery .ctn-text-subtitle{

	display:inline;

	width:100%;

	float:left;

	color:#454545;

	font-size:21px;

	line-height:20px;

	text-align:left;	

}



#page_gallery #ctn-texts .ctn-text-gallery .ctn-text-explain{

	display:inline;

	position:absolute;

	color:#003c63;	

	right:0px;

	bottom:0px;

}



/* ACTU EVENTS A LA UNE */



#page_gallery.backgrnd-grey{

	background-image:url(images/viewer/viewer-alaune.png) !important;	

}



#page_gallery a#ctn-img-alaune,

#page_gallery a#ctn-img-alaune:link,

#page_gallery a#ctn-img-alaune:visited,

#page_gallery a#ctn-img-alaune:active,

#page_gallery a#ctn-img-alaune:hover{

	display:block;

	float:left;

	position:relative;	

	height:221px;

	overflow:hidden;

	text-decoration:none;

	border:none !important;

	outline:none;

}



#page_gallery a#ctn-img-alauneimg{

	text-decoration:none;

	border:none !important;

	outline:none;	

}



#page_gallery #ctn-infos-alaune{

	display:block;

	float:left;

	position:relative;

	width:862px;

	height:221px;

	overflow:hidden;

}



#page_gallery #ctn-infos-alaune.has-img{

	/*width:549px !important;*/

	padding:0 0 0 10px !important;

}



#page_gallery #ctn-infos-alaune #ctn-title{

	font-family:DINBold, Arial, Helvetica, sans-serif;

	font-size:22px;

	line-height:22px;

	font-weight:bold;

}



#page_gallery #ctn-infos-alaune #ctn-subtitle{

	font-family:DINBold, Arial, Helvetica, sans-serif;

	font-size:16px;

	line-height:16px;

	color:#454545;	

	padding:5px 0 0 0;

}



#page_gallery #ctn-infos-alaune #ctn-resume{

	padding:10px 0;

	line-height:16px;

}



#page_gallery #ctn-infos-alaune #ctn-txt{

	padding:10px 0;

	display:none;

}



/* Dossiers thématiques */



#page_gallery #ctn-gallery a.thema_lnk,

#page_gallery #ctn-gallery a.thema_lnk:link,

#page_gallery #ctn-gallery a.thema_lnk:visited,

#page_gallery #ctn-gallery a.thema_lnk:active,

#page_gallery #ctn-gallery a.thema_lnk:hover{

	

	display:block;

	position:relative;

	float:left;

	width:862px;

	height:221px;

	overflow:hidden;

	border:none;

	text-decoration:none !important;

	

}



#page_gallery #ctn-gallery a.thema_lnk .thema_img{



	display:block;

	float:left;

	width:295px;

	height:223px;

	overflow:hidden;	

	text-decoration:none;

	

}



#page_gallery #ctn-gallery a.thema_lnk .thema_txt{

	

	display:block;

	float:left;

	width:540px;

	height:200px;

	padding:20px 0 0 15px;

	overflow:hidden;

	

}



#page_gallery #ctn-gallery a.thema_lnk .thema_txt .thema_title{

	display:block;

	float:left;

	width:100%;

	font-size:22px;

	font-family:DINBlackRegular, Arial, Helvetica, sans-serif;

	text-shadow:1px 1px 0px #FFF;		

}



#page_gallery #ctn-gallery a.thema_lnk .thema_txt .thema_title:first-letter{

	text-transform:uppercase;	

}



#page_gallery #ctn-gallery a.thema_lnk .thema_txt .thema_content{

	display:block;

	float:left;

	width:100%;

	padding:20px 0 0 0 !important;	

}



.attachment-bandeau-actus{

	float:right;

	margin:10px;	

}









/* =SOUS MENU DE GAUCHE 

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



.ctn-espace{

	float:right;

	width:630px;

	margin:0 10px 0 0;

}



#ctn-widget-submenu{

	text-align:left;

	padding:0 0 10px 25px;

}



#ctn-submenu{

	display:block;

	float:left;

	posuition:relative;

	width:280px;

	padding:0 0 0 20px;

	height:100% !important;

}



a#submenu-toplink,

a#submenu-toplink:link,

a#submenu-toplink:visited,

a#submenu-toplink:active,

a#submenu-toplink:hover{

	font-weight:bold;

	font-size:13px;

	color:#f39800;

	text-transform:uppercase;

	text-decoration:none;

}



#submenu-page{

	margin:0 0 14px 18px;	

}



#submenu-page li{

	padding:4px 0;

	list-style-position:outside;

	list-style-image:url(images/lists/submenu_square.jpg);

}







#submenu-page li:hover, #submenu-page li.current_page_item{

	list-style-image:url(images/lists/submenu_square_selected.jpg);

}



#submenu-page li a,

#submenu-page li a:link,

#submenu-page li a:visited,

#submenu-page li a:active{	

	font-size:12px !important;

	text-transform:uppercase;

	text-decoration:none;

	color:#444444;

}



#submenu-page li a:hover, #submenu-page li.current_page_item a{

	color:#f39800;

	text-decoration:none;	

}



#submenu-page li.page_item:hover a ul.children a{

	color:#444444 !important;

}



#submenu-page li.current_page_item ul.children li.page_item a{

	color:#444444 !important;			

}



#submenu-page li.current_page_item ul.children li.page_item a:hover{

	color:#f39800 !important;

}



#submenu-page ul,

#submenu-page ul ul{

	display:none !important;	

}



#submenu-page li.current_page_item > ul,

#submenu-page li.current_page_parent > ul,

#submenu-page li.current_page_ancestor > ul

{



  display:block !important;



}







/* =AGENDA 

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



/* Widget EVENEMENTS */

.widget_evenements-widget{

	display:block;

	width:224px;

	height:79px;

	padding:32px 10px 0 10px;

	margin:0 auto;

	background:url(images/agenda_widg_bg.png) no-repeat center center transparent;

}



.widget_evenements-widget .widget-title{

	font-size:22px !important;

	line-height:20px !important;

	color:#454545 !important;

	text-align:center;

	width:100%;

	text-transform:uppercase;

	font-family:DINBlackRegular, Arial, Helvetica, sans-serif;

	padding:0 0 12px 0 !important;

	margin:0 !important;

	border:none !important;

}



.widget_evenements-widget .widget-title span{

	font-size:26px;	

}



.widget_evenements-widget  a.widget-ctn-event,

.widget_evenements-widget  a.widget-ctn-event:link,

.widget_evenements-widget  a.widget-ctn-event:visited,

.widget_evenements-widget  a.widget-ctn-event:active,

.widget_evenements-widget  a.widget-ctn-event:hover{

	display:block;

	width:100%;

	height:32px;

	overflow:visible;

	font-size:12px;

	line-height:16px;

	font-family:Arial, Helvetica, sans-serif;	/* DINRegular => remplacé par Arial car rendu pas terrible */

	text-decoration:none;

}



.widget_evenements-widget  .widget-ctn-event .ctn-event-intro{

	color:#666666;

	font-size:11px;

	text-transform:lowercase;

}

.widget_evenements-widget .widget-ctn-event .ctn-event-date{

	color:#e99500;

	font-family:DINBold, Arial, Helvetica, sans-serif;

	font-weight:normal;

	font-size:12px;

	text-transform:uppercase;

}



.widget_evenements-widget  .widget-ctn-event .ctn-event-title{

	width:100%;

	display:inline-block;

	text-align:center;	

	font-family:Arial, Helvetica, sans-serif;

	color:#222222;

	text-decoration:none;

}



/* Widget PUBLICITE */

.widget_publicites-widget{

	padding:10px 0 0 0;

	text-align:center;

	list-style:none !important;

}



#main.cdm-front .widget_publicites-widget{

	margin:0 0 35px 0;	

	/*padding:30px 0 0 0;*/

}



#main.cdm-front .widget_publicites-widget.publicite-en{

	padding:80px 0 0 0;

}





/* Widget BLOCK HTML */



.widget-container.widget_blockhtml-widget, .widget-container.widget_bonplan-widget{

	width:260px;	

	padding:10px 10px 5px 10px;

	margin:10px auto 20px auto !important;

}



/* BON PLANS */

#bonplan-widget-2.widget-container .ctn-title{

	float:left;

	width:100%;

	text-align:left;

	font-size:16px;

	font-weight:bold;

	color:#656565;

	text-shadow:1px 1px 0 #FFF;

	text-transform:uppercase;

	margin:5px 0;

	text-decoration:none !important

	

}



#bonplan-widget-2.widget-container .ctn-txt{

	color:#666;

	text-decoration:none;	

}



#bonplan-widget-2.widget-container span.ctn-tarif{	

    color: #F39800;

    font-size: 17px;

    font-weight: bold;

    line-height: 17px;   

    text-shadow: 1px 1px 0 #FFFFFF;

}



#bonplan-widget-2.widget-container .bp-wdgt-img{

	float:left;

	margin:0 3px 3px 0;	

}



/* =ACTUALITES 

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



/* Block qui s'affiche dans une page => inPage Widget style */

#actualites-block-inpage{

	display:block;

	position:relative;

	z-index:101;

	overflow:auto;

}



#actualites-block-inpage h2,#main.cdm-front #container h2{

	margin:0;

	padding:0 0 0 20px !important;	

	text-transform:uppercase !important;

	font-size:20px !important;

	font-weight:normal !important;

	color:#656565 !important;

	text-decoration:none !important;

}



#main.cdm-front #container h2 a{

	color:#656565 !important;	

	text-decoration:none !important;

}



#actualites-block-inpage .ctn-actu-img{

	float:left;	

	width:auto;

	max-width:172px;

	height:127px;

	overflow:hidden;

	margin:8px 23px 0 0;

}



#actualites-block-inpage ul{

	margin:0;

	padding:0;

}



#actualites-block-inpage ul li{

	list-style-image:url('images/lists/grey-square-small.jpg');

	list-style-position:outside;	

	margin:6px 0 0 24px;

}



#actualites-block-inpage ul li.ctn-actu.important{

	list-style-image:url('images/lists/grey-square-big.jpg');	

}



#actualites-block-inpage ul li a,

#actualites-block-inpage ul li a:link,

#actualites-block-inpage ul li a:visited,

#actualites-block-inpage ul li a:active,

#actualites-block-inpage ul li a:hover{

	font-size:14px;

	line-height:18px;

	font-family:Myriad-Regular , "Lucida Sans Unicode", "Lucida Grande", sans-serif;	

	text-decoration:none;

	color:#222222;

}



#actualites-block-inpage ul li a .ctn-subtitle{

	color:#888888;

}



#actualites-block-inpage ul li.ctn-actu.important a{

	font-size:16px;

	font-weight:bold;

}



/* ACTUALITE WIDGET */



.widget_actualites-widget{

	width:260px;	

	padding:10px 10px 5px 10px;

	margin:10px auto 20px auto !important;	

}



.widget_actualites-widget h3{

	text-transform:uppercase !important;

	border:none !important;

	padding:0 0 0 25px !important;

	font-size:12px !important;

	font-weight:bold;

	text-shadow:none !important;

	margin:0 !important;	

}



.widget_actualites-widget a.ctn-actu,

.widget_actualites-widget a.ctn-actu:link

.widget_actualites-widget a.ctn-actu:visited,

.widget_actualites-widget a.ctn-actu:active,

.widget_actualites-widget a.ctn-actu:hover{

	color:#454545 !important;

	text-decoration:none !important;

	

}



.widget_actualites-widget .ctn-actu .ctn-title{

	font-weight:bold;

	float:left;

	width:100%;

}



.widget_actualites-widget .ctn-actu .ctn-txt{

	text-align:justify !important;

}





/* Listings dans les Page actualites etevenements et avis des visiteurs */



.ctn-cdm-actu, .ctn-cdm-avis{

	display:block;

	float:left;

	width:630px;

	padding:25px 45px 20px 20px;	

	overflow:visible;

	border-left:#e4e7e9 solid 1px;

}



.ctn-cdm-actu.odd, .ctn-cdm-avis.odd{

	background:#e4e7e9 !important;	

}



.ctn-cdm-actu a.ctn-img,

.ctn-cdm-actu a.ctn-img:link,

.ctn-cdm-actu a.ctn-img:visited,

.ctn-cdm-actu a.ctn-img:active,

.ctn-cdm-actu a.ctn-img:hover{

	float:left;

	width:110px;

	margin:0 20px 0 0;

	

}



.ctn-cdm-actu a.ctn-img img{

	padding:0 !important;

	border:none !important;	

}



.ctn-cdm-actu .ctn-texts{	

	float:left;	

	width:615px;

}



.ctn-cdm-actu.has-img .ctn-texts{

	width:484px !important;

}



.ctn-date{

	display:block;

	width:100%;

	padding:0 !important;

	margin:0 !important;

	float:left;

	font-size:15px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;	

	color:#f39e10;

	text-shadow: 1px 1px 0px #FFF;

}



.ctn-cdm-actu .ctn-title{

	display:block;

	width:100%;

	padding:0 !important;

	margin:0 !important;

	float:left;

	font-size:15px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;	

	color:#222222;

	text-shadow: 1px 1px 0px #FFF;

}



.ctn-cdm-actu .ctn-title a {

	text-decoration:none;

	cursor: text;

	color:#222222; 

}



.ctn-cdm-actu .ctn-title a:hover {

	color:#222222; 

}



.ctn-cdm-actu .ctn-subtitle{

	display:block;

	width:100%;

	padding:0 !important;

	margin:0 !important;

	float:left;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#454545;

	text-shadow: 1px 1px 0px #FFF;	

}



.ctn-cdm-actu .ctn-texts  .ctn-resume{

	float:left;

	width:100%;	

}



.ctn-cdm-actu .ctn-texts .ctn-content{

	display:none;

	float:left;

	width:100%;

}



.ctn-cdm-actu a.read-more,

.ctn-cdm-actu a.read-more:link,

.ctn-cdm-actu a.read-more:visited,

.ctn-cdm-actu a.read-more:active,

.ctn-cdm-actu a.read-more:hover,

#page_gallery #ctn-infos-alaune a.read-more,

#page_gallery #ctn-infos-alaune a.read-more:link,

#page_gallery #ctn-infos-alaune a.read-more:visited,

#page_gallery #ctn-infos-alaune a.read-more:active,

#page_gallery #ctn-infos-alaune a.read-more:hover{	

	display:block;

	float:right;

	width:auto;

	height:15px !important;

	line-height:15px !important;

	font-family:DINBold, Arial, Helvetica, sans-serif;

	font-size:15px;

	font-weight:bold;	

	color:#222222;

	padding:0 20px 0 0;

	margin:5px 35px 0 0;	

	text-decoration:none;

	background:url(images/text_open.png) no-repeat right center transparent;

		

}



.ctn-cdm-actu a.read-more.opened,

#page_gallery #ctn-infos-alaune a.read-more.opened{

	background-image:url(images/text_close.png);

}



#page_gallery #ctn-infos-alaune{

	border:none !important;	

}



/* Avis des visiteurs */

.ctn-cdm-avis .ctn-txt{

	float:left;

	width:100%;

	font-size: 14px;

	font-style: italic;

	font-weight:bold;

}



/* =BONS PLANS

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



#ctn-bonplans{

	position:absolute;

	display:block;

	margin:0 12px 0 0;

	padding:0;

	right:0;

	bottom:4px;

	width:357px;

	height:190px;	

}



#ctn-bonplans a,

#ctn-bonplans a:link,

#ctn-bonplans a:visited,

#ctn-bonplans a:active,

#ctn-bonplans a:hover{

	text-decoration:none;

	outline:0;

	border:0;	

}



#ctn-bonplans span{

	cursor:pointer;	

}



#ctn-bonplans .ctn-bp{

	display:block;

	position:relative;

	z-index:3;

	float:left;

	width:147px;

	height:150px;

	background:url(images/widgets/widget_bp_bg.png) no-repeat center center transparent;

	margin:0;

	padding:40px 10px 0 200px;

	color:#444444;

}



#ctn-bonplans .ctn-bp.ctn-bp-en{

	background-image:url(images/widgets/widget_bp_bg_en.png) !important;	

}



#ctn-bonplans .ctn-bp .ctn-bp-maintitle{

	display:inline;

	float:left;

	width:100%;

	font-family:DINBlackRegular, Arial, Helvetica, sans-serif;

	font-size:22px;

	color:#FFF;

	text-transform:uppercase;

}



#ctn-bonplans .ctn-bp .ctn-bp-title{

	display:inline;

	float:left;

	width:100%;

	color:#FFF;

	padding:3px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	text-transform:uppercase;

	font-weight:bold;

}



#ctn-bonplans .ctn-bp p{

	color:#444444;

}



/*#ctn-bonplans .ctn-bp .ctn-bp-text{

	display:inline;

	float:left;

	width:auto;	

	padding:0;

	font-family:Arial, Helvetica, sans-serif;

}*/



#ctn-bonplans .ctn-bp .ctn-bp-tarif{

	display:inline;	

	height:30px;

	line-height:30px;

	font-size:35px;

	color:#FFF;

	font-family:DINBlackRegular, Arial, Helvetica, sans-serif;

}





#ctn-bonplans .ctn-bp-img{

	width:167px;

	height:150px;

	position:relative;

	z-index:1;

	float:left;

	margin-top:-150px;

}



#ctn-bonplans .ctn-bp-img img{

	position:absolute;

	left:0;

	bottom:0;

}



/* WIDGET AUTRES */





li#widget-frame{	

	width:260px;

	margin: 10px auto 20px !important;

    padding: 10px 10px 5px;

}











/* =BUTTONS

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



a.cdm_bttn,

a.cdm_bttn:link,

a.cdm_bttn:visited,

a.cdm_bttn:active,

a.cdm_bttn:hover{

	display:block;

	text-decoration:none;

	outline:none;

	border:none;	

}



a.cdm_bttn.orange{

	width:198px;

	height:100px;

	padding:14px 16px;

	background:url(images/big_orange_button.png) no-repeat center center transparent;

	color:#FFF;

}




a.cdm_bttn.orange span{

		

}



a.cdm_bttn.orange.gallery{

	position:absolute;

	right:50px;

	bottom:35px;

}



a.cdm_bttn.orange .ctn-txt-button{

	display:inline;

	float:left;

	width:100%;

	text-align:center;

	font-family:DINBlackRegular, Arial, Helvetica, sans-serif;	

	font-size:16px;

	line-height:18px;

	text-transform:uppercase;

	text-shadow: 1px 1px 0px #bf6700;		

}



a.cdm_bttn.orange .ctn-txt-apartir{

	display:inline;

	float:left;

	width:100%;

	text-align:center;

	padding:6px 0;

	font-family:Arial, Helvetica, sans-serif;

}



a.cdm_bttn.orange .ctn-tarif{

	display:inline;

	float:left;

	width:100%;

	text-align:center;

	font-family:DINBlackRegular, Arial, Helvetica, sans-serif;

	font-size:44px;

	line-height:44px;

	text-shadow: 1px 1px 0px #bf6700;		

}



a.cdm_bttn.orange .ctn-tarif .ctn-currency{

	line-height:32px;

	font-size:32px;	

}

a.cdm_bttn.cartouche{
    display:inline-block;
    width: 198px;
    height: 100px;
    padding:14px 16px;
    /* background: #aa2016; */
    /*background: #FFF;
    color: #222222;
    margin:0 0 20px 0; */
    text-align:center;
    /*font-family:DINRegular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold; */
    /* border:#222222 solid 2px; */
    /* DINLight */
}
a.cdm_bttn.cartouche .ctn-txt-cartouche{
    display:inline-block;
    width:100%;
}

a.cdm_bttn.cartouche .txt-1{
    font-family:DINBlackRegular, Arial, Helvetica, sans-serif;
    font-size: 44px;
    text-transform: uppercase;
    margin-top:8px;
}

a.cdm_bttn.cartouche .txt-2{
    font-family:DINBlackRegular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight:normal;
    text-transform: uppercase;
    margin-top:4px;
}

a.cdm_bttn.cartouche .txt-3{
    font-family:DINLight, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-top:4px;
}


/* =CHEMIN DE PAGE 

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



.breadcrumbs{	

	float:left;

	position:relative;

	z-index:101;

	margin:-10px 0 10px -270px;

	padding:0 10px 0 0;

	color:#232323 !important;

	text-decoration:none;

	font-size:13px !important;

	font-family:Arial, Helvetica, sans-serif;

	background:#e4e7e9;

	border-radius:8px;

}



.breadcrumbs a,

.breadcrumbs a:link,

.breadcrumbs a:visited,

.breadcrumbs a:active{

	color:#232323 !important;

	text-decoration:none;

	font-size:13px !important;

	padding:5px 0;

	font-family:Arial, Helvetica, sans-serif;

}



.breadcrumbs a:hover{

	text-decoration:underline;	

}



.breadcrumbs a:first-child{

	color:#FFF !important;	

	padding:5px;

	border-radius:8px;

	background: #efad00;

    /* Mozilla: */

    background: -moz-linear-gradient(top, #efad00, #e99600);

    /* Chrome, Safari:*/

    background: -webkit-gradient(linear,

                left top, left bottom, from(#efad00), to(#e99600));

	

	background:linear-gradient(top, #efad00, #e99600);

	

    /* MSIE */

    filter: progid:DXImageTransform.Microsoft.Gradient(

                StartColorStr='#efad00', EndColorStr='#e78f00', GradientType=0);

}



/* =NEXTGEN GALLERY 

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





/* =FANCYBOX

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



.fancyBox img{

	padding:3px;

	border:#CCC solid 1px;	

}



#ctn-img-alaune.fancyBox img, #ctn-html-entete .fancyBox img{

	padding:0 !important;

	border:none !important;

}



/* =GALLERIE DANS PAGE

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



.gallery_carousel_publi_out {

  height: 235px;

  clear:both;

}



/*hack IE7*/

*+html .gallery_carousel_publi_out {

  margin-bottom: 55px;	

}





.gallery_carousel_out {

	float: left;

	background: #efefef;

	padding: 7px;

	margin: 0 0 20px 0;

	border: 1px solid #ddd;

}



.gallery_carousel {

	padding: 0;

	position: relative;	



}



.gallery_carousel_img a  {

	display: block;

	float: left;

}



.gallery_carousel_img img {

	border: 1px solid #ddd;

	background-color: white;

	padding: 9px;

	margin: 7px;

	display: block;

	float: left;

	width: 120px;

	height: 120px;	

}



.goo-pagination {

  text-align: center!important;

}





.goo-pagination a {

	width: 15px;

	height: 15px;

	margin: 0 5px 0 0;

	display: inline-block;

	background: #ccc;

}

.goo-pagination a.selected {

	background: #999;

	cursor: default;

}

.goo-pagination a span {

	display: none;

}





.goo-prev,

.goo-next

{

  position: absolute;

  top: 69px;

  width: 25px;

  height: 25px;

  display:block;

}



.goo-prev span,

.goo-next span {

  display: none;

}





.goo-prev {

  left: -20px;

  background:url(images/btn-timeline-left.png) center center no-repeat;

}



.goo-next {

  right: -20px;

  background:url(images/btn-timeline-right.png) center center no-repeat;

}



/* =FORMS

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



/* Classe des elements notés en rouge (généralement juste une asterisque )*/

.cdm-required{

	color:red;

}



/* Formulaire de contact */

table.cdm-contact-tab{

	border:none;

	padding:0;

	margin:0;

	width:550px;

}



table.cdm-contact-tab td{

	padding:2px 5px;	

	margin:0;

	width:50%;

	line-height:5px !important;

	height:20px !important;

	vertical-align:baseline !important;

}



table.cdm-contact-tab td.label{

	text-align:right;	

}



table.cdm-contact-tab td.label.textarea{

	padding-top:10px;

	vertical-align:top !important;

}



/* Formulaire espace presse */



.tab_presform{

	width:100%;	

}



/* éléments requis */



span.cdm-required-field{

	color:red;	

}



/* largeur minimale des options */



select{

	min-width:100px !important;

}



/* Style générique du bouton */



.cdm-submit-bttn, #alo_easymail_widget_form input[type=submit]{

	padding:10px;

	font-family:DINBold	, Arial, Helvetica, sans-serif;

	font-size:17px !important;

	color:#FFF !important;

	font-weight:bold;

	text-align:center;

	line-height:17px !important;

	outline:none;

	margin:20px 0;

	border:none;	

	text-shadow:1px 1px 0 #be8200;

	

	background: #e78f00;

    /* Mozilla: */

    background: -moz-linear-gradient(top, #efad00, #e78f00);

    /* Chrome, Safari:*/

    background: -webkit-gradient(linear,

                left top, left bottom, from(#efad00), to(#e78f00));

	

	bazckground:linear-gradient(top, #efad00, #e78f00);

	

    /* MSIE */

    filter: progid:DXImageTransform.Microsoft.Gradient(

                StartColorStr='#efad00', EndColorStr='#e78f00', GradientType=0);

				

	border-radius:8px;

}



/* Bouton de newsletter */



#alo_easymail_widget_form input[type=submit]{

	font-size:17px !important;

	line-height:17px !important;

	padding:5px;

	font-family:Arial, Helvetica, sans-serif;

}



/* =TABLES

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



tr td.tab-sep{

	height:1px !important;

	line-height:1px !important;

	padding:0 !important;

	background:#CCC;

}



table , table td{

	border-color:#CCC;

}



/* =ACCUEIL

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



#cdm-accueil-left{

	display:block;

	clear:none;

	float:left;

	width:585px;

	overflow:hidden;

	position:relative;

}



#cdm-accueil-right{

	display:block;

	clear:none;

	float:left;

	width:365px;

	overflow:hidden;

	position:relative;

	z-index:100;

}



#tab-home{

	

	/*border:#F0F solid 1px;*/

		

}



#tab-home td{

	/*border:#F0F solid 1px;	*/

	vertical-align:top !important;

}



/* Style générique du conteneur */

#cdm_accueil_socialize{

	font-size:17px !important;

	height:65px;

	line-height:65px !important;

	color:#222 !important;

	font-weight:bold;

	padding-top:15px !important;

}



#cdm_accueil_socialize a img{

	padding-top:5px !important;

	margin-left:0 !important;

	margin-right:12px !important;

}



/* Lien vers Facebook => texte */

#cdm_FB_accueil{

	text-decoration:none;

	color:#395b89 !important;	

}



/* Texte libre page d'accueil */



#wpaccueiltexte{

	float:right;

	display:block;

	width:345px;

	margin:20px 10px 130px 10px;

}



/* Lien vers Twitter => texte */

#cdm_TW_accueil{

	text-decoration:none;

	color:#509aa1 !important;	

}



/* Conteneur de plan */

#cdm_PLAN_accueil{

	padding-top:20px !important;	

}



#cdm_PLAN_accueil h2 a{ 

	color:#656565 !important;	

	text-decoration:none !important;

}



/* Conteneur du plan sur la page d'acceuil et conteneur du plan interactif */



#cdm_plan_wrapper , #cdm_plan_interactif {

	border:#CCC solid 1px;

	box-shadow:0px 0px 8px #999;	

	margin-top:15px;

}



#cdm_plan_interactif{

	margin-top:35px;	

}



/* Plan d'accés GMAP */



#cdm_map_access{

	display:block;

	float:right;

	margin:0 0 10px 10px;

	padding:0;

	width:300px;

	height:300px;

	border:#CCC solid 1px;

	border-radius:8px;

}







/* =FOOTER

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



/* LISTE */

#cdm_footer_ul{

	margin:0;

	padding:0;

	padding-top:55px;

	margin-left:15px !important;

	list-style:none;

	height:125px;	

}



#cdm_footer_ul li{

	display:inline;

	float:left;

	width:auto;

	margin:0 0 0 10px;

	min-height:120px;

}



#cdm_footer_ul li a{

	float:left;

	width:auto;

	text-decoration:none !important;

}



#cdm_footer_ul li a span:first-child, span.footer_partage{

	font-family:DINBold, Arial, Helvetica, sans-serif;

	font-size:15px !important;

	text-shadow:1px 1px 0 #000;

	width:100%;

	float:left;

	display:inline;

	height:25px;

	line-height:25px !important;

	vertical-align:middle !important;

	text-transform:uppercase;	

}



/* Conteneur de sous elements */

#cdm_footer_ul li div{

	padding:0 0 0 6px;	

}



#cdm_footer_ul li div a {

	float:left;

	width:100%;

	text-decoration:none !important;	

}



/* Mediathéque */

#cdm_footer_ul li.footer_li_mediatheque{

	width:240px !important;	

}



#cdm_footer_ul li.footer_li_mediatheque, #cdm_footer_ul li.footer_li_mediatheque a, #cdm_footer_ul li.footer_li_mediatheque{

	color:#ff8a00 !important;	

}



#cdm_footer_ul li.footer_li_mediatheque img{

	padding-top:10px;	

}



/* Espaces  de la Cité de la Mer*/

#cdm_footer_ul li.footer_li_espaces{

	width:300px !important;	

}



#cdm_footer_ul li.footer_li_espaces, #cdm_footer_ul li.footer_li_espaces a, #cdm_footer_ul li.footer_li_espaces{

	color:#9ec000 !important;	

}



#cdm_footer_ul li.footer_li_espaces a.footer_espace_lnk{

	font-size:13px;

	text-decoration:none;

	width:100%;	

}



/* Partager */

#cdm_footer_ul li.footer_li_partage{

	width:220px !important;	

}



#cdm_footer_ul li.footer_li_partage, #cdm_footer_ul li.footer_li_partage a, #cdm_footer_ul li.footer_li_partage{

	color:#50d9ff !important;

}



#cdm_footer_ul li.footer_li_partage .ctn-footer-share{

	padding:5px 0 0 0;	

}



.ctn-footer-share a{

	float:left;	

	text-decoration:none;

	height:38px;

	width:38px !important;

	margin:0 5px 0 0;

}



.ctn-footer-share a.footer-facebook{

	background:url(images/footer/facebook.png) no-repeat center center;

}



.ctn-footer-share a.footer-twitter{

	background:url(images/footer/twitter.png) no-repeat center center;

}



.ctn-footer-share a.footer-appstore{

	background:url(images/footer/appstore.png) no-repeat center center;

}



.ctn-footer-share a.footer-googleplay{

	background:url(images/footer/googleplay.png) no-repeat center center;

}



.ctn-footer-share a.footer-feed{

	background:url(images/footer/rss.png) no-repeat center center;

}



/* Infos pratiques */

#cdm_footer_ul li.footer_li_infos{

	width:170px !important;	

}



#cdm_footer_ul li.footer_li_infos, #cdm_footer_ul li.footer_li_infos a, #cdm_footer_ul li.footer_li_infos{

	color:#FFF !important;

}



/* RESEAUX SOCIAUX */



.ctn-sociable-bar{

	display:block;

	width:100%;

	height:30px !important;

	overflow:hidden;

}



.sociable{

	position:relative !important;

	height:30px !important;

	float:right !important;

	margin:0 0 15px 0;	

	/*margin-top:-60px !important;

	position:relative;

	z-index:9999;*/

}



/* =NEWSLETTER & WP-POLLS WIDGETS 

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



.alo_easymail_widget , .widget_polls-widget{

	width:260px;	

	padding:10px 10px 5px 10px;

	margin:10px auto 20px auto !important;	

}



/* WP-POLLS */

#polls-widget-2.widget-container h3.widget-title,

.widget_polls-widget h3.widget-title{

	text-transform:uppercase !important;

	border:none !important;

	padding:0 0 0 25px !important;

	font-size:12px !important;

	font-weight:bold;

	text-shadow:none !important;

	margin:0 !important;

}

#polls-widget-2.widget-container div#polls-3.wp-polls p strong,

#polls-widget-2.widget-container.wp-polls:first-child{

	font-weight:normal !important;

	font-style:italic !important;	

}

#polls-widget-2.widget-container div#polls-3.wp-polls div#polls-3-ans.wp-polls-ans,

#polls-widget-2.widget-container.wp-polls .wp-polls-ans{

	/*display:none !important;	*/

}



.wp-polls p{

	text-align:left !important;	

	padding:0 0 0 20px !important;

	margin:0 0 8px 0 !important;

}



.wp-polls-ul label{

	

}



/* FORM VALIDATION */



label.error{

	color:red !important;	

	padding-left:8px !important;

}



/* FORM ESPACE PRESSE */



#press_lostaccess_form{

	display:none;	

}



/* IPAD & IPHONES */



@media only screen and (device-width: 768px){

	#access a{

		font-size:12px;

			

	}

	

	.widget_evenements-widget .widget-title{

		font-weight:normal !important;

		font-size:14px !important;

	}

	

	.widget_evenements-widget .widget-ctn-event .ctn-event-date,

	#evenements-widget-2.widget-container a.widget-ctn-event span.ctn-event-date{

		font-size:12px !important;

		font-weight:normal !important;

	}

	

	#ctn-widget-submenu,

	#ctn-widget-submenu #submenu-toplink, 

	#ctn-widget-submenu #submenu-page li, 

	#ctn-widget-submenu #submenu-page li a,

	#ctn-widget-submenu a#submenu-toplink{

		font-size:12px !important;

	}

}



@media screen and (max-device-width: 480px){          

              



	#access a {

	

				font-size: 12px;

	

				padding: 5px 0px 5px 0px;

	

				margin: 0;

	

	}

	

	.widget_evenements-widget .widget-title{

		font-weight:normal !important;

		font-size:14px !important;

	}

	

	.widget_evenements-widget .widget-ctn-event .ctn-event-date,

	#evenements-widget-2.widget-container a.widget-ctn-event span.ctn-event-date{

		font-size:12px !important;

		font-weight:normal !important;

	}

	

	#ctn-widget-submenu,

	#ctn-widget-submenu #submenu-toplink, 

	#ctn-widget-submenu #submenu-page li, 

	#ctn-widget-submenu #submenu-page li a,

	#ctn-widget-submenu a#submenu-toplink{

		font-size:12px !important;

	}



}

.hentry .ngg-slideshow {
	margin:10px auto;
}