/**********************************************/
/**** feuille de style site propre au Site ****/
/**********************************************/

/**** mes styles ****/
#data td {
    padding: 5px;
}

/************************************/
/*** styles de rattrapage Liferay ***/
/************************************/

/* debut si taille sup�rieur n�cessaire *
#header, ul#mainmenu{
	width:1010px;
	left:0;
}
#wrapper{
    width: 990px;
}
/* fin si taille sup�rieur n�cessaire */


/************************************/
/*** styles de rattrapage Liferay ***/
/*** par rapport � la feuille de  ***/
/*** style pr�c�dente             ***/
/************************************/
H1
{
    FONT-SIZE: 160%;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 35px;
}
H2
{
    FONT-SIZE: 135%;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 18px;
}
H3
{
    FONT-SIZE: 120%;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 12px;
}
H4
{
    FONT-SIZE: 120%;
    FONT-WEIGHT: bold;
}
H5
{
    FONT-SIZE: 120%;
    FONT-WEIGHT: normal;
}
H6
{
    FONT-SIZE: 1px;
    FONT-WEIGHT: lighter;
}

a, a:link, a:active, a:hover, a:visited {
	color: #06C;
	text-decoration: none;
}


/****************************************/
/**** Styles de mise en page globale ****/
/****************************************/
/* #header h1 a:link, #header h1 a:visited, #header h1 a:active, #header h1 a:hover { */
/*      background-image: none; */
/*      padding:0; */
/*      width:350px; */
/* } */

/* #header .title-coe  */
/* { */
/*     position:absolute; */
/*     height: 65px; */
/*     float: left; */
/*     margin-top: 15px; */
/*     margin-left: 125px; */
/*     text-align:left; */
/*     letter-spacing: -1.4px; */
/* } */

#header .title-orga{
    margin-top: 10px;
    background-image:url('../images/logo-CM.png');
    background-position:right;
    background-repeat:no-repeat;
}
#header .title-orga h2{
    letter-spacing: -1px;
    font-weight: normal;
    font-family: lucida sans unicode, lucida sans, arial;
    padding-top:5px;
}

ul.breadcrumbs{
	margin-left:0px;
}
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:hover, .breadcrumbs a:visited  {
	text-decoration:underline;
}
.breadcrumbs-horizontal li {
	display:inline;
}
#breadcrumb{
    height:auto;
    line-height:inherit;
    margin-bottom: 10px;
	margin-left:0px;
}
#wrapper{
    background-color:#fff;
    color: black;
}
#data {
	width: 100%;
	float: left;	
    margin-top: 0px;
    background-color:#fff;

}
.portletInner ul{
	margin-top: 0;
	margin-bottom: 0;
}

#header h1 a {
    color: #e8e8e8;
    font-family: lucida sans unicode,lucida sans,arial;
    font-size: 36px;
    font-weight: normal;
    left: 15px;
    letter-spacing: -1px;
    padding-left: 110px;
    position: absolute;
    text-decoration: none;
    text-shadow: 0 1px 2px black;
    top: 56px;
}


#footer a{
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}

#footer{
	background-color: #748cae;
	background-image: url(/images/footer-line-top.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 1px;
	font-size: 0.9em;
    line-height: 1em;
	min-width: 960px;
}

#footer .footer-panel{
	background-color: #dce0e9;
	background-image: url(/images/footer-shadow.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#footer .footer-panel .inner-content{
	color: #333;
	background-image: url(/images/footer-map.jpg);
	background-position: center 20px;
	background-repeat: no-repeat;
	min-height: 200px;
	padding-bottom: 5px;
}

#footer .activities, #footer .press,
#footer .links, #footer .contact{
	background-image: url(/images/footer-sep-menu.png);
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
}

#footer h4{
	color: #063b78;
	padding: 15px 0 15px 34px;
	font-size: 1.4em;
	font-weight: bold;
}

#footer .activities{
	width: 40%;
}
#footer .press{
	width: 20%;
}
#footer .links{
	width: 20%;
}
#footer .contact{
	background-image: none;
	width: 20%;
}

#footer .footer_col{
	width: 150px;
	margin-left: 30px;
	float: left;
}

#footer ul{
	margin: 0;
}
#footer .footer-panel ul li{
	list-style: none outside none;
	background-image: url(/images/footer-bullet.png);
	background-position: 6px 7px;
	background-repeat: no-repeat;
	padding: 2px 0 2px 15px;
	/*margin-right: 30px;*/
}
#footer .footer-panel ul li:hover{
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#footer .footer-panel ul li a{
	padding: 2px 0;
	color: #333333;
	display: block;
}
#footer .footer-panel ul li a:hover{
	text-decoration: none;
}

#footer .btn-panel{
	width: 97px;
	height: 21px;
	padding-top: 5px;
	margin: 0 auto;
	background-image: url(/images/footer-btn.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#footer .block-bottom  .btn-panel a.link-panel{
	background-image: url(/images/footer-openclose.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	width: 40%;
	height: 13px;
	margin: 0 auto;
	color: #063b78;
	text-decoration: none;
}

#footer .btn-panel.no_display{
	width: 0;
}
#footer .btn-panel.no_display a.link-panel{
	display: none;
}

#footer .block-bottom .btn-panel .link-panel.fclose{
	background-position: left -13px;
}

#footer .block-bottom{
	height: 44px;
	background-color: #073b77;
	background-image: url(/images/footer-shadow.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#footer .inner-content{
	width: 980px;
	margin: 0 auto;
}

#footer .block-bottom .inner-content,
#footer .block-bottom .inner-content a{
	color: #fff;
}

#footer .block-bottom .block-left,
#footer .block-bottom .block-right{
    margin-top: -18px;
	font-size: 0.9em;
}

#footer .block-bottom .block-left{
	color: #fff;
	float: left;
	padding: 0;
	margin-left: 20px;
	width: 400px;
}
#footer .block-bottom .block-left .disclamer{
	width: 60%;
	line-height: 1.4em;
	display: inline-block;
}
/* Hack Russe*/
.ru #footer .block-bottom .block-left .disclamer{
	margin-top: -7px;
}

#footer .block-bottom a.log{
	background-position: 3px 50%;
	background-repeat: no-repeat;
	float: right;
	border: 1px solid #7c7c7c;
	border-radius: 4px;
	padding: 8px 5px 8px 22px;
	display: block;
	margin-right: 65px;
	background-image: url(/images/icon-login.png);
}

#footer .block-bottom .block-right{
	float: right;
	margin-right: 20px;
}

/*#footer a.fav,*/ #footer a.print, #footer .block-bottom a.rss/*, #footer .block-bottom a.log*/{
	padding: 8px 0 8px 22px;
	margin-right: 10px;
	background-position: left 50%;
	background-repeat: no-repeat;
	display:inline-block;
}
#footer .block-bottom .sharebox{
	display:inline-block;
	border: 1px solid #7c7c7c;
	border-radius: 4px;
	padding: 2px 5px;
}
#footer .block-bottom .sharebox li{
	display:inline-block;
	vertical-align: middle;
}
#footer .block-bottom .sharebox li a{
	color:#fff;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	background: 50% 50% no-repeat;
	border: 1px solid transparent;
}
#footer .block-bottom .sharebox li a:hover{
	border-color: #7c7c7c;
	border-radius: 4px;
}

#footer .block-bottom .sharebox li a.share-twitter{
	background-image: url(/images/icon-twitter.png);
}#footer .block-bottom .sharebox li a.share-facebook{
	background-image: url(/images/icon-facebook.png);
}#footer .block-bottom .sharebox li a.share-googleplus{
	background-image: url(/images/icon-googleplus.png);
}#footer .block-bottom .sharebox li a.share-linkedin{
	background-image: url(/images/icon-linkedin.png);
}#footer .block-bottom .sharebox li a.share-pinterest{
	background-image: url(/images/icon-pinterest.png);
}#footer .block-bottom .sharebox li a.share-mail{
	background-image: url(/images/icon-mail.png);
}

/*#footer a.fav{
	background-image: url(../images/icns-send.png);
}*/
#footer a.print{
	background-image: url(/images/icon-print.png);
}
#footer .block-bottom a.rss{
	background-image: url(/images/icon-rss.png);
}

/*fix IE7*/
.ie7 #footer a.print, .ie7 #footer .block-bottom a.rss{
display: block;
float: left;
}
.ie7 #footer .block-bottom .sharebox{
display: block;
float: left;
}
.ie7 #footer .block-bottom .sharebox li{
display: block;
float: left;
height: 22px;
line-height: 22px;
}
.ie7 #footer .block-bottom .block-left .disclamer{
display: block;
float: left;
}
.ie7 #footer .block-bottom a.log{
display: block;
float: right;
}

/*------- Footer mobile ------*/
#mobile-footer{
padding-bottom: 40px;
text-align: center;
display: none;
}
 
/* search mobile */
#mobile-footer #mobile-search {
	padding-top: 30px;
	margin : 0 auto;
	width: 500px;
}
 
#mobile-footer #mobile-search label {
	display: none;
}
 
#mobile-footer #mobile-search #inputzone {
	float: left;
	background-image: url("/images/mobile-search-form-bkgd.png");
	height: 61px;
	width: 413px;
}
 
#mobile-footer #mobile-search #inputzone input {
	border: none;
	background: none;
	font-size: 28px;
	padding: 11px;
	width: 100%;
}

#mobile-footer #mobile-search input[type=image] {
    border-radius: 0px;
}
 
/* switch langue mobile */
#mobile-footer #mobile-lang{
margin: 25px 0 0 0;
}
 
#mobile-footer #mobile-lang li{
display: inline;
margin: 10px;
list-style: none;
}
 
#mobile-footer #mobile-lang li a{
background-image:-moz-linear-gradient(53% 0% -90deg,rgb(123,151,189) 0%,rgb(78,102,143) 98%,rgb(78,102,143) 100%);
background-image:-webkit-gradient(linear,53% 0%,53% 101%,color-stop(0, rgb(123,151,189)),color-stop(0.98, rgb(78,102,143)),color-stop(1, rgb(78,102,143)));
background-image:-webkit-linear-gradient(-90deg,rgb(123,151,189) 0%,rgb(78,102,143) 98%,rgb(78,102,143) 100%);
background-image:-o-linear-gradient(-90deg,rgb(123,151,189) 0%,rgb(78,102,143) 98%,rgb(78,102,143) 100%);
background-image:linear-gradient(-90deg,rgb(123,151,189) 0%,rgb(78,102,143) 98%,rgb(78,102,143) 100%);
width:58px;
height:41px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.4);
box-shadow:0px 3px 3px rgba(0,0,0,0.4);
color: #fff;
display:inline-block;
font-size: 1.9em;
line-height: 41px;
text-decoration: none;
}
 
#mobile-footer #mobile-lang li a.active{
background-image:-moz-linear-gradient(53% 0% -90deg,rgb(240,240,240) 0%,rgb(207,207,207) 98%,rgb(207,207,207) 100%);
background-image:-webkit-gradient(linear,53% 0%,53% 101%,color-stop(0, rgb(240,240,240)),color-stop(0.98, rgb(207,207,207)),color-stop(1, rgb(207,207,207)));
background-image:-webkit-linear-gradient(-90deg,rgb(240,240,240) 0%,rgb(207,207,207) 98%,rgb(207,207,207) 100%);
background-image:-o-linear-gradient(-90deg,rgb(240,240,240) 0%,rgb(207,207,207) 98%,rgb(207,207,207) 100%);
background-image:linear-gradient(-90deg,rgb(240,240,240) 0%,rgb(207,207,207) 98%,rgb(207,207,207) 100%);
color: #333;
}

/* switch mobile-standard website */
.switch-standard{
margin-top: 30px;
}
.switch-standard a{
display:inline-block;
padding: 10px 30px 10px 10px;
color: #fff;
border-radius: 5px;
background: url("/images/icon-switch@2x.png") no-repeat 96% center #182f52;
text-decoration: none;
background-size: 21px 15px;
}
.switch-standard a:hover{
background-color: #243c65;
text-decoration: none;
}

.switch-mobile{
min-width: 980px;
width: 100%;
text-align:center;
background-color: #073B77;
padding-bottom: 10px;
}
.switch-mobile a{
display:inline-block;
padding: 10px 30px 10px 10px;
color: #fff;
border-radius: 5px;
background: url("/images/icon-switch@2x.png") no-repeat 96% center #182f52;
background-size: 21px 15px;
}
.switch-mobile a:hover{
background-color: #243c65;
text-decoration: none;
}