@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	background:transparent;
}

img {
	border: none;
}

/************/
html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	background-color:#ffffff;
}

#conteneur {
	width:964px;
	margin:0 auto;
}

.clear
{
	clear:both;
}

/********************************* Header ***************************************/ 

#header {
	height:315px;
}

#headerContent {
	margin: 0 auto;
    width: 964px;	
}

#header-top {
	width: 964px;
	padding-top: 5px;
}

#headerMenu {
	width:700px;
	height: 25px;
	float:left;
}

#headerMenu ul{
	float: left;	
	display:inline;
}

#headerMenu li{
	background: url(../Images/fleche-gris-clair.jpg) no-repeat left 9px;
	list-style-type:none;
	padding: 0 8px 0 10px;
	display: inline;
}

#headerMenu a{
	color: #00519E;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	display: inline;
}

#headerMenu li:hover{
}

#headerMenu a:hover{
	color: #9C9E9F;
}

#search {
	width:264px;
	float:right;
	text-align:right;
    font-size: 12px;
}

#search span {
    color: #9C9E9F;
    font-weight: bold;
   /* padding: 0 0 20px 10px;*/
}

#search a {
    background-color: #9C9E9F;
   /* border: 1px solid #00519C;*/
    color: #fff;
    font-weight: bold;
    padding:1px 5px 0 5px;
    text-decoration: none;
}

#search a:hover {
	background-color: #00519E;
}

#search input {
    background-color: #FFFFFF;
    border: 1px dotted #9C9E9F;
    padding: 1px;
	color: #000;
}

#titleWebsite {
	width:964px;
	clear: both;
	padding-top: 30px;
}

#header-bottom {
	position:relative;
}

#logo {	
    height: 210px;
    width: 281px;
	background: url(../Images/logo-ccpro.png) no-repeat !important;
	background: url(../Images/logo-ccpro.gif) no-repeat;
	position:absolute;
	top: 0;
	left:0;
}

#conteneurBanner {
	height: 210px;
    width: 964px;
}

/********************************* FIN Header ***********************************/ 

/********************************* Main Menu ***************************************/ 

#main-menu-content  {
	height:57px;
	margin:0 auto;
	font-size:14px;
	font-weight:bold; 
	width:964px;
	background: url(../Images/fond-mainmenu.jpg) no-repeat left top;
}

#main-menu-content ul {
	width: 771px;
	float:right;
	text-align:right;
	margin-left:193px;
}

#main-menu-content li {
	list-style-type:none;	
	float:right;	
	text-align:left;	
	padding: 2px 0;
	border-left:2px solid #fff;
}

#main-menu-content a {	
	text-decoration:none;
	color:#fff;
	display:block;
	height:15px;
	float: left;
	text-align:right;
	padding:5px 12px 7px 12px !important;
	padding:5px 12px 4px 12px;
}

#main-menu-content a:hover, #main-menu-content li.active a{
	background-color: #00519E;
}

/********************************* FIN Main Menu ***********************************/ 
#vous-etes-ici {
	width:964px;
	margin:0 auto;
	text-align:right;
	color: #333;
	font-size: 12px;
}

#vous-etes-ici span{
	color: #9C9E9F;
}

#page {
	width:964px;
	margin:10px auto 15px auto;
}

#content {
	
}

#leftBlock {
	width:260px;
	float:left;
}

/***************** Vertical Menu **********************/
#verticalmenu {
	width:260px;
	margin-bottom: 30px;
	padding-bottom:8px;
	background-color: #D3D3D3;
}

#verticalmenu strong.rubrique {
	width:260px;
	display:block;
	background: #00519E url(../Images/fond-leftmenu.jpg) no-repeat center bottom;
}

#verticalmenu strong.rubrique a {
	font-size:16px;
	text-transform:uppercase;
	font-weight: bold;
	width:242px;
	display:block;
	text-decoration:none;
	padding: 3px 0 23px 18px;
	color: #fff;
}

#verticalmenu li {
    list-style-type:none;
}

#verticalmenuMain .vm1_item a {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	display:block;
	width: 237px;
	color:#333;
	padding: 4px 5px 4px 18px;
}

#verticalmenuMain .vm1_item a:hover, 
#verticalmenuMain #vm1_item_selected a {
	color:#00519E;
	background: url(../Images/fleche-leftmenu.jpg) no-repeat left 2px;	
}

ul.vm2, ul.vm3 {
	margin-bottom: 2px;
}

#verticalmenu .vm2_item a, 
#verticalmenuMain #vm1_item_selected .vm2_item a {
	text-decoration:none;
	font-size:13px;
	display:block;
	width: 228px;
	color:#333;
	font-weight:normal;
	padding: 1px 6px 2px 8px;
	margin-bottom: 1px;
	margin-left: 18px;
	background:none;
}

#verticalmenuMain .vm2_item a:hover, 
#verticalmenuMain #vm1_item_selected .vm2_item a:hover, 
#verticalmenuMain #vm1_item_selected #vm2_item_selected a {
	background-color:#9D9EA0;
	color:#fff;
	background-image:none;
}

#verticalmenu .vm3_item a, 
#verticalmenuMain #vm1_item_selected .vm2_item .vm3_item a,
#verticalmenuMain #vm1_item_selected #vm2_item_selected .vm3_item a {
	text-decoration:none;
	font-size:12px;
	display:block;
	width: 218px;
	font-style:italic;
	font-weight:bold;
	padding: 0 5px 2px 12px;
	margin-left:25px;
}

#verticalmenuMain #vm1_item_selected #vm2_item_selected .vm3_item a  {
	background-color: #D3D3D3;
	color:#333;
}


#verticalmenuMain #vm1_item_selected #vm2_item_selected .vm3_item a:hover, 
#verticalmenuMain #vm1_item_selected .vm2_item .vm3_item a:hover,
#verticalmenuMain .vm2_item .vm3_item a:hover,
#verticalmenuMain #vm1_item_selected #vm2_item_selected #vm3_item_selected a {
	color:#2C982E;
	font-weight: bold;
	background: url(../Images/fleche-vert-fonce.png) no-repeat left 3px;
	background-color:none;
}

/***************** FIN Vertical Menu **********************/

/******************* Accès rapide ************************/
#accesrapide {
	width:260px;
	float: left;
	background-color: #d3d3d3;
	padding: 3px 0 8px 0;
}

#titre-accesrapide {
	background: #d3d3d3 url(../Images/fleche-acces-rapide.jpg) no-repeat left bottom;	
	width:260px;
	height: 45px;
	display:block;
}

#titre-accesrapide h2 {
	font-size:17px;
	text-transform:uppercase;
	font-weight: bold;
	color: #fff;
	padding: 12px 0 0 30px;
}

#accesrapide ul{
	padding: 0 0 0 30px;
}

#accesrapide li{
	list-style-type:none;
	padding: 0 0 3px 0;
	font-size:13px;
	display:block;
	width: 225px;
}

#accesrapide a{
	color:#333;
	text-decoration: none;
}

#accesrapide a:hover{
	color:#00519E;
}
/***************** FIN Accès rapide **********************/

#mainBlock {
	width: 650px;
	float:right;
	/*padding-top: 20px;*/
}

#page-titre {

}

#page-titre h1{
	width: 650px;
	font-weight:bold;
	font-size:22px;
	color:#2C982E;
	padding-bottom: 6px;
}

#page-titre h2{
	width: 650px;
	font-weight:bold;
	font-size:20px;
	color: #333;
	padding-bottom: 6px;
}

#bloc-txt-gauche2 {
	float:left;
	width:310px;
	padding-bottom:5px;
}

#bloc-txt-droite2 {
	float:right;
	width:310px;
	padding-bottom:5px;
}

.bloc-txt {
}

.text h3, .text h4, .text h5, .text h6 {
	text-align:left;
	padding-bottom:2px;
}

.text h3 {
	font-size:20px;
	color:#00519e;
}

.text h4 {
	font-size:18px;
	color: #333;
}

.text h5 {
	font-size:16px;
	color:#00519e;
}

.text h6 {
	font-size:16px;
	color: #333;
}

.text, .text p {
	font-size:13px;
	text-align:justify;
	color: #333;
	padding-bottom:5px;
}

.text img {
	margin:5px;
}

.text a, .text li a {
	color:#00519E;
	text-decoration:none;
}

.text a:hover, .text li a:hover {
	
	text-decoration:underline;
}

.text ul, .text ol {
	padding: 2px 0;
}

.text li {
	background: url(../Images/fleche-bleu.jpg) no-repeat left 4px;
	list-style-type:none;
	padding:0 0 3px 12px;
	text-align:left;
}

/******************Table********************/
.text table {
	text-align:center;
	color:#333;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.text th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:5px;
	background-color: #E4E3E3;
}

.text td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:5px;
}
/****************FIN Table******************/

/*********************************** Page avancée *************************************/

.blocDocuments, .blocGallery, .blocMedia {
	padding-bottom:15px;
}

.blocMedia img {
	margin:0;
}

.blocDocuments Table, .blocDocuments td {
	border: none;
	padding:0;
	text-align:left;
}

/********************** Accordéon **********************/
/*#mainBlock*/ #swfDigitoAccordion{
	padding: 20px 0; 
}
/******************** FIN Accordéon *******************/


/****************** Bloc Documents ********************/

.blocDocuments img {
	margin:0;
}
/*************** FIN Bloc Documents *******************/


#bloc-txt-droite2 .text .blocMediaObject img, #bloc-txt-gauche2 .text .blocMediaObject img
{
	margin:0;
}

#mainBlock #bloc-txt-droite1 .bloc-txt
{
	padding-left:0px;
}

/********************* Bloc Gallery ******************/

.blocGallery a {
	float:left;
	height:52px;
	margin:3px 6px 3px 0;
	width:52px;	
	border:2px solid #d3d3d3;
}

.blocGallery a:hover {	
	border:2px solid #00519E;	
}

.blocGallery a img {
	border-width:0;
}

.blocGallery a span {
	display:block;
	height:52px;
	width:52px;
}

.blocGallery a span.image {
	background-image:url("../Images/Gallery/icon-image.png") !important;
	background-image:url("../Images/Gallery/icon-image.gif");
}

.blocGallery a span.video {
	background-image:url("../Images/Gallery/icon-video.png") !important;
	background-image:url("../Images/Gallery/icon-image.gif");
}

.blocGallery a span.flash {
	background-image:url("../Images/Gallery/icon-flash.png") !important;
	background-image:url("../Images/Gallery/icon-flash.gif");
}

.blocGallery a span.sound {
	background-image:url("../Images/Gallery/icon-sound.png") !important;
	background-image:url("../Images/Gallery/icon-sound.gif");
}

.blocGallery a span.virtualtour {
	background-image:url("../Images/Gallery/icon-360.png") !important;
	background-image:url("../Images/Gallery/icon-360.gif");
}

.blocGallery a span img {
	display:none;
}
/*************** FIN Bloc Gallery *******************/

/******************************** FIN Page avancée ******************************/

/******************************** Page Carte ******************************/
#mapExplorerSwf {
	border: 1px solid #CCC;
	margin:0;
	padding:0;
	width:648px;
	float:left;
}
/******************************** FIN Page Carte ******************************/

.themes {
	color: #00519e;
	font-size: 12px;
}

/********************************* Footer ***************************************/
#footer {			
}

#footerContent {
	width:964px;
	margin: 0 auto;
}

#txt-footer {
	background: url(../Images/fond-footer.jpg) no-repeat center top;
	width:964px;
	height:22px;	
	color:#fff;	
	font-size:12px;
	padding-top:27px;
	text-align:center;
}

#footerLinks {
	width:964px;
	height:20px;
	padding-top: 5px;
}

ul#footerLinksList {
	color:#00519E;
	font-size:11px;
	text-align:center;
}

ul#footerLinksList li {
	border-right:1px dotted #9C9E9F;
	display:inline;

	/*height:15px;*/
}

ul#footerLinksList li.last {
	border-right-width:0;
}

ul#footerLinksList a {
	color:#00519E;
	padding:2px 10px;
	text-decoration:none;
}

ul#footerLinksList a:hover {
	text-decoration: underline;
}

ul#footerLinksList span {
	padding:2px 10px;
}


/********************************* FIN Footer ***********************************/ 


/********************** Messages *************************/


.info, .success, .warning, .error, .validation {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../Images/Icons/Messages/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../Images/Icons/Messages/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../Images/Icons/Messages/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../Images/Icons/Messages/error.png');
}