/* ******************** *
	  RESET
 * ******************** */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul{margin: 10px 0;}
li{list-style:disc;margin-left:20px;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;font-weight:bold;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:Arial, sans-serif;font-size:12px;font-weight:normal;height: 20px}
select{
	height: 25px;
}

#fieldsetContact textarea{
	height: 200px;
	width: 640px;
}
del,ins{text-decoration:none;}

/* ******************** *
	  DEFAULT
 * ******************** */
html {
	overflow: scroll;
	background: #356AA0;
}
html.inFrame {overflow: auto;}
body {	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 0;
    background:-moz-linear-gradient(90deg , #356AA0, #5085BB) no-repeat fixed 0 0 transparent;
    background: -webkit-gradient(linear,left top, left bottom,from(#5085BB),to(#356AA0)) no-repeat fixed;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#5085BB, endColorstr=#356AA0);
	background-color:  #356AA0;

}

#background{
	background-attachment : fixed ;
	background-repeat : no-repeat ;	
	background-image: url('../../../resources/pictures/background.jpg');
	background-position: center 0;
}
body.inFrame {background: white; width: 100%;}
table {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.border {width: 100%}
table.border td, table.border th {border: 1px solid #DDDDDD; padding: 4px 8px;}
table.border th {background: #EEEEEE; font-weight: bold; text-align: center; padding: 8px;}
table.border tr.odd td {background: #F7F7F7;}
a,
a:active,
a:visited {text-decoration: underline;  color: #FFF; cursor: pointer;}
a:active { color: #FFF;}
a:hover {color: #D3DFEA;}
a img {border-width: 0; border-style: none;}
p img {vertical-align: middle;}
p {margin: 0; padding: 4px 0;}
hr {
	background-color:#DDDDDD;
	border:0 none;
	color:#DDDDDD;
	height:1px;
	margin: 5px 0;
}

h1 {
	font-size:160%; 
	font-weight: bold; 	
	line-height: 200%; 
	height:70px;
	cursor:default;
	text-shadow: 0 0 5px #022B60;
	padding: 3px 0 0 20px;
	font-style: italic;
}

h2 {font-size:110%; font-weight: bold; line-height: 200%;text-shadow: 0 0 5px #022B60;}
h3 {font-size:100%; font-weight: bold; line-height: 200%;}
strong {font-weight: bolder;}
acronym,
abbr {display: inline-block; cursor: help; border-bottom: 1px dashed #636363;}
em {font-style: italic;}
.xsmall {font-size: 70%;}
.small {font-size: 85%;}
.clear {clear: both;}
.left {text-align: left;}
.right {text-align: right;}
.hidden {display: none;}
.center {text-align: center;}
.discrete {color: #AAAAAA;}
.discrete abbr {border-color: #AAAAAA;}
.alert,
.important {color: #FFF;}
.sessionMessage {
	display: table; /* pour les navigateurs modernes seulement */
	width: auto;
	margin: 12px auto;
	padding: 6px 6px 6px 36px;
	background-position: 6px 9px;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444444;
}
.sessionMessage.error {background-color: #FFDDDD; background-image: url(../../../resources/pictures/icons/exclamation.png); border-color: #EE9999;}
.sessionMessage.alert {background-color: #FFFFDD; background-image: url(../../../resources/pictures/icons/error.png); border-color: #F6EA68;}
.sessionMessage.info {background-color: #DDDDFF; background-image: url(../../../resources/pictures/icons/information.png); border-color: #9999EE;}
.sessionMessage.success {background-color: #DDFFDD; background-image: url(../../../resources/pictures/icons/accept.png); border-color: #99EE99;}
.formValidationMessages {display: none;}
label.validationError,
span.validationError {color: #AA0000;}
input[type="text"].validationError,
input[type="password"].validationError,
select.validationError,
textarea.validationError {background: #FFE5E5;}
fieldset {
	background-color: #436CA2;
	background-color: rgba(67,108,162,0.85); 
	border: 1px solid white;
	border: 1px solid white;
	padding: 12px 12px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius:10px;	
    -moz-box-shadow: inset 0px 0px 6px #022B60;
    -webkit-box-shadow: 0px 0px 6px #022B60;
    box-shadow:  0px 0x 6px #022B60;		
}


legend {
	padding: 2px 14px;
	font-weight: bold;
	color: #FFF;
	font-size: 120%;
   -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius:10px;		
	border: 1px solid white;
	background-color: rgba(67, 108, 162, 0.85);
	text-shadow: 0px 0px 6px #022B60;
    -moz-box-shadow: 0px 0px 6px #022B60;
    -webkit-box-shadow: 0px 0px 6px #022B60;
    box-shadow: 0px 0x 6px #022B60;	
	border:none\9;	
}

input[type="text"], input[type="password"], textarea, select {
	border: 1px solid #CCCCCC;
	padding: 2px 2px 2px 4px;
	background-color : rgba(255,255,255,0.75);
	outline: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px #022B60 inset;
	-moz-box-shadow: 1px 1px 1px #022B60 inset;
	box-shadow: 1px 1px 1px #022B60 inset;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border-color: #458CC1;
	background-color: white;
	-webkit-box-shadow: inset 0px 0px 3px #007eff;
	-moz-box-shadow: inset 0px 0px 3px #007eff;
	box-shadow: inset 0px 0px 3px #007eff;
}

/* ******************** *
	  BUTTON
 * ******************** */
button.btn, a.btn, input[type=submit].btn {
	font-family: Arial, sans-serif;
	padding: 6px;
	line-height: 1;
	-webkit-border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	border-radius: 2px 2px;
	border: solid 1px rgb(153, 153, 153);
	background-color: #E7E7E7;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(top, white, #DDDDDD);
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
}
@-moz-document url-prefix() { button.btn, input[type=submit].btn { padding: 3px 6px; } }
.btn:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F3F3), to(#DDDDDD)); background: -moz-linear-gradient(top, #F3F3F3, #DDDDDD); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#F3F3F3', endColorstr='#DDDDDD');}
.btn:active { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#DDDDDD)); background: -moz-linear-gradient(top, #CCCCCC, #DDDDDD); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#CCCCCC', endColorstr='#DDDDDD');}
.btn.red {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(241,93,34)), to(rgb(146,60,6)));
	background: -moz-linear-gradient(top, #F15D22, #923C06);
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#F15D22', endColorstr='#923C06');
	border-color: rgb(146,60,6);
	text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
	color: #fff;
}
.btn.disabled {
	color: #888;
}
.btn.main {font-weight: bold;}

.btn.hidden {
	display: none;
}

body.js .formTooltip {display: none;}

/* tabs 2 */
ul.tabnav {
	text-align: left;
	margin: 0;
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
	height: 14px;
}
ul.tabnav > li {
	float: left;
	margin: 0 0 0 3px;
	list-style-type: none;
}
ul.tabnav > li img {vertical-align: bottom;}
ul.tabnav > li.selected > div {background-color: #FFF;}
ul.tabnav > li.selected > div > a, ul.tabnav > li.selected > div > span {
	padding: 4px 10px 5px 10px; /* must change with respect to padding (X) above and below */
	font-weight: bold;
}
ul.tabnav > li > div { /* settings for all tab links */
	float: left;
	height: 23px;
	background-color: #E5E5E5;
	text-decoration: none;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	position: relative;
}
ul.tabnav > li.selected > div {height: 24px;}
ul.tabnav a {display: block;}
ul.tabnav span {display: block; color: black;}
ul.tabnav > li > div > a, ul.tabnav > li > div > span {text-decoration: none; height: 16px; padding: 4px 10px 3px; /* FIRST number must change with respect to padding-top (X) above */}
ul.tabnav > li > div:hover {background: #FFFFFF;}
ul.tabnav > li > div.dropdown {
	background-image: url(../../../resources/pictures/icons/control-270-small.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 16px;
}
ul.tabnav ul.submenu {
	display: none;
	position:absolute;
	border: 1px solid #CCCCCC;
	border-top: none;
	list-style-type: none;
	margin: 0;
	width: 100%;
	background: #FFF;
	top: 23px;
	right: -1px;
	z-index: 9;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
}
ul.tabnav ul.submenu li {margin: 0; list-style-type: none;}
ul.tabnav ul.submenu li a, ul.tabnav ul.submenu li span {padding: 4px 7px; font-weight: normal;}
ul.tabnav ul.submenu li:first-child a, ul.tabnav ul.submenu li:first-child span {padding-top: 12px;}
ul.tabnav ul.submenu li:last-child a, ul.tabnav ul.submenu li:last-child span {padding-bottom: 12px;}
ul.tabnav ul.submenu li a:hover {background: #E5EDF9;}
ul.tabnav div:hover ul.submenu {display: block;}

/**/
ul.tabnav li.selected ul a {display: inline;}
ul.tabnav li.selected ul.submenu {
	display: block;
	position:absolute;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top: none;
	border-right: none;
	list-style-type: none;
	margin: 0;
	padding-top: 8px;
	width: auto;
	height: 24px;
	background: #FFF;
	top: 23px;
	Left: -1px;
	z-index: 9;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: none;
	white-space: nowrap;
}
ul.tabnav li.selected ul.submenu li {margin: 0; list-style-type: none; display: inline; padding: 4px 8px;}
ul.tabnav li.selected ul.submenu li a, ul.tabnav li.selected ul.submenu li span {padding: 4px 7px; font-weight: normal;}
ul.tabnav li.selected ul.submenu li:first-child a, ul.tabnav li.selected ul.submenu li:first-child span {padding: 4px 8px;}
ul.tabnav li.selected ul.submenu li:last-child a, ul.tabnav li.selected ul.submenu li:last-child span {padding: 4px 8px;}
ul.tabnav li.selected ul.submenu li a:hover {background: #E5EDF9;}

/* ******************** *
	  LAYOUT
 * ******************** */

#headPiece{
	/*background: url('../../../resources/pictures/headpiece.png') no-repeat;	
	background-position: center center;
	background-color: #0B4086;*/
	height:171px;
	position: absolute;
	top:56px;
	right:0;
	left:0;
	z-index: 1;

}

#header{
	padding-top: 40px;
	height: 132px;
}
#wrapper {
	width: 980px; 
	min-height: 800px;
	margin: 0 auto; 
	position: relative;
	z-index: 2;
	padding: 0px 23px 40px 23px;
	background: url('../../../resources/pictures/cadre.png') no-repeat;
}
#content {
	display: inline-block;
	width:942px;
	font-size: 15px;
	padding:19px;
	min-height: 400px;
}

#content ul{
	margin-left:10px;
}
#content ul li{
	padding:5px;
}

#men{
	background: url('../../../resources/pictures/cadre_menu.png') no-repeat;
	height: 60px;
	text-align: center;
}
.p_container { display: inline-block;width:100%}
.p_container, .p_container div {/*border: 1px solid #BBBBBB; padding: 1px;*/}
.p_container .left {float: left;/*margin:10px;*/}
.p_container .right {float: right;/*margin:10px;*/}
.p_container div.filled {background-color: #888888;}
.p_container .p_header {height: 7px; }
.p_container .p_news { width:25%; vertical-align: top; margin-bottom: 1px; color: #BBBBBB; font-size: 10px; text-align: left;}
.p_container .p_content {width:70%;  }
.p_container .p_content.full {}
.p_container .p_text {border: none; margin:20px 0;text-align: left;	z-index: 0;
	position: relative;}
.p_container .p_text p {padding: 0; margin: 0;}
.p_container .p_carrousel, .p_container .p_diaporama { height : 15px; color: #BBBBBB; font-size: 10px; text-align: center; line-height: 15px;}
.p_container .p_footer {clear: both; height: 4px;}



.divBlueContent{
	color:#FFF;
	background-color: #436CA2;
	background-color: rgba(67,108,162,0.85);	
	border: 1px solid white;
	padding:20px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius:10px;
    -moz-box-shadow: 0px 0px 6px #022B60;
    -webkit-box-shadow: 0px 0px 6px #022B60;
	box-shadow: 0px 0px 6px #022B60;	
}


.divBlueContent p{	
	line-height: 170%;
}

#footer{
	padding-top: 48px;
	margin-top: -40px;
	background: url('../../../resources/pictures/footer.png') no-repeat center top;
	height: 110px;
}
/* HACK IE7 */
*+html #footer {margin-top: 0px;}


#fLinks{
	text-align: right; 
	width: 940px; 
	margin: 10px auto auto auto;
	font-size: 11pt;
}
#fLinks a{ padding:0px 10px;  border-left:1px solid #CCC;}
/* ******************** *
	  LAYOUT
 * ******************** */

/* ******************** *
	  ACTU / RSS
 * ******************** */
/*INDEX*/
#divRss{
	padding:5px 5px;
	color: #666666;
	margin-top: 10px;
	border-top:4px solid #000;
}
#divRss li a {
    text-decoration: none;
}
#divRss li a:hover {
    text-decoration: underline;
}
#divRss h1 img {
    vertical-align: middle;
}
#divRss ul {
    margin: 0;
    padding: 10px 0 10px 5px;
}
#divRss li {
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#divRss .rssSubtitle {
    border-bottom: 1px dotted #BBBBBB;
    color: #888888;
    margin-bottom: 4px;
    padding-bottom: 6px;
    padding-top: 0;
}
#divRss .rssSubtitle a {
    color: #888888;
    text-decoration: underline;
}
/*ACTUS*/
h2 a, h2 a:active, h2 a:visited {text-decoration: none; }
h2 a:hover {text-decoration: underline; }

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

#divNewsItems{margin: 20px auto;}

.divNewsItem{border-bottom: 1px dotted #000;}
.pNewsSubtitle {padding: 0 0 8px 0; font-weight:bold; color: #888; font-size: 11px;}
.pNewsSubtitle a {color: #888;}
.pNewsBody {padding-bottom: 5px; font-size: 12px;}
.pNewsBody a {text-decoration: none; color: #444;}
.pNewsBody a:hover {color: #1584C7;}


.tdOverview a{text-decoration: none; color: #444;}
.tdOverview {text-decoration: none;width: 77%; background: white url(../../resources/pictures/common/block-bg.png) bottom right no-repeat; padding: 0 10px 10px 0;}
.tdOverview:hover {width: 77%; background: white url(../../resources/pictures/common/block-bg2.png) bottom right no-repeat; padding: 0 10px 10px 0;}
.tdLogo {width: 23%; text-align: center;}

.imgLogo {margin: 20px;}
.specContent{margin:30px 0;}
.setCenter{margin-left:135px;}

/*PAGINATION*/

.pagination {text-align: center;}
.divPagination {
    margin: 1em;
	text-align: center;	
}
ul.pagination {
    border: 0 none;
    margin: 0;
    padding: 1em;
}
.pagination li {
    border: 0 none;
    display: inline;
    font-size: 11px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.pagination li {
    border-left: 1px solid #DEDEDE;
}
.pagination .previous-off, .pagination .previous {
    border: medium none;
}
.pagination .previous-off, .pagination .next-off {
    color: #888888;
    display: inline;
    font-weight: bold;
    padding: 4px 10px;
}
.pagination .next a, .pagination .previous a {
    font-weight: bold;
}
.pagination .active, .pagination .hellip {
    color: #000000;
    display: inline;
    padding: 4px 10px;
}
.pagination .active {
    font-weight: bold;
}
.pagination a:link, .pagination a:visited {
    display: inline;
    padding: 4px 10px;
    text-decoration: none;
}
.pagination a:hover {
    text-decoration: none;
}


/* ******************** *
	  ACTU / RSS
 * ******************** */


/* ******************** *
	MODULE FORMULAIRE CONTACT et DEVIS
 * ******************** */
#fieldsetContact label, #fieldsetQuote label{
	width:100px;
	font-size: 13px;
	display: inline-block;
	text-align: left;
	font-weight: bold;
	padding: 10px 20px 10px 10px;
}
#fieldsetContact input[type="text"],#fieldsetQuote  input[type="text"]{
	width: 300px;
	height: 20px;
}
#fieldsetContact #container_submit_contact,
#fieldsetQuote #container_submit_quote{
	text-align: center;
	margin:20px 0px ;
}

#fieldsetContact #label_message,#fieldsetQuote #label_message
{
	vertical-align: top;
}

/* ******************** *
	MODULE LOCATION carte googlemap
 * ******************** */

#divMap{
	margin:15px 30px 25px 30px;
	border:1px solid #AAA;
	width:480px;
	height:400px;
	color:#333;
	font-size: 12px;
	-moz-box-shadow: 0px 0px 5px #022B60 ;
	-webkit-box-shadow: 0px 0px 5px #022B60  ;
	-o-box-shadow: 0px 0px 5px #022B60 ;
	box-shadow: 0px 0px 5px #022B60 ;	
}

#fieldsetLocation{
	width: 542px;
	float:left;
	margin-right: 20px;
}

#fieldsetItineraire{
	width:300px;
}
#fieldsetItineraire p {
	padding: 15px 0;
}
#fieldsetItineraire label{
	font-size: 13px;
	padding-bottom: 6px;
	display: inline-block;
    width: 100px;
	font-weight: bold;
}
#fieldsetItineraire #label_adresse{
	width:140px;
}
#fieldsetItineraire input{
	display: inline-block;
    width: 290px
}
#fieldsetItineraire select{
	display: inline-block;
    width: 200px;
}
#fieldsetItineraire #cp{
	width: 100px;
}
#fieldsetItineraire #ville{
	width: 190px;
}
#container_btnItineraire{
	margin-top:10px;
	text-align: right;
}


/* ******************** *
	SITEMAP
 * ******************** */

#divSiteMap{margin: 40px 0 40px 50px;}
#labelOnline{width:170px;margin:0 0 0 70px;}
#divSiteMap li{margin:12px 0 12px 30px; list-style-image: url("../../../resources/pictures/icons/puced.gif");}
#divSiteMap .ulSubNav{border-left:1px solid #AAA;}
#divSiteMap .ulSubNav li{list-style-type: none; list-style-image:none;margin-left:15px;}

.tdAlignTop td{
	vertical-align: top;
}

.photoStyle{
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 0px 5px #022B60 ;
	-webkit-box-shadow: 0px 0px 5px #022B60  ;
	box-shadow: 0px 0px 5px #022B60 ;		
}
.photoStyle2{
	border: 2px solid #022B60;
	-moz-box-shadow: 0px 0px 5px #022B60 ;
	-webkit-box-shadow: 0px 0px 5px #022B60  ;
	box-shadow: 0px 0px 5px #022B60 ;		
}
.photoStyle2:hover{
	border: 2px solid #356AA0;
	-moz-box-shadow: 0 0 5px #2F77BF;
	-webkit-box-shadow: 0 0 5px #2F77BF;
	box-shadow: 0 0 5px #2F77BF;	
} 
#tablePartner{
	margin-top: 20px;
	background-color : rgba(255,255,255,0.75);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 5px #022B60 ;
	-webkit-box-shadow: 0px 0px 5px #022B60  ;
	box-shadow: 0px 0px 5px #022B60 ;		
	width: 100%;
}
.whiteLine{
	background: white;
	-moz-box-shadow: 0px 0px 5px #022B60 ;
	-webkit-box-shadow: 0px 0px 5px #022B60  ;
	box-shadow: 0px 0px 5px #022B60 ;	
	height: 2px;
}

#liRetour{
	margin-left:60px;
}