/* @override http://validation.mediacd.fr/CRCI_new/design/crci/stylesheets/mcd_commun.css */

html {margin:0 !important; padding:0 !important;}
body {
margin:0 !important; padding:0 !important;
background:#fff url('../images/bg_body.gif') repeat-x;
}

/*-------------------------------------------------------------------------------------*/
/* =  elements masqués pour le web			 */
/*-------------------------------------------------------------------------------------*/
.hide{display:none;}

/*-------------------------------------------------------------------------------------*/
/* =  commun		 */
/*-------------------------------------------------------------------------------------*/
.clear{clear:both;}
a{color:#0A1839;}
a:hover{color:#ED2E50;}

/*-------------------------------------------------------------------------------------*/
/* =  Structure de page			 */
/*-------------------------------------------------------------------------------------*/

#page {	
	width:810px;
	padding:0 32px 0 32px;
	margin:0px auto;
	background:transparent url('../images/bg_global.png') 0px 10px no-repeat;
	}

#header {
	height:282px;
	position:relative;
	}

#header h1 a{
	position:absolute;
	top:43px; left:0;
	width:104px; height:104px;
	text-indent:-200em; overflow:hidden;
	background:transparent url('../images/CCIRLog2011.png') no-repeat;
	}

#header h1 em{color:#fff; position:absolute; top:170px; left:0px; display:block; width:145px;font-size:100%;
	}
	
#imageAcc{display:none;}

#outils {
	position:relative; top:9px;
	height:16px;
	}
	
#navigationPrincipal{
	position:absolute;
	top:36px; left:195px;
	display:block;
	width:410px; height:246px;
	overflow:hidden;
}

#navInfoEco{
	position:absolute;
	top:61px; left:605px;
	display:block;
	width:200px; height:221px;
	}

#contenu{
	overflow:auto;
	background:transparent url('../images/bg_colb.gif') repeat-y top right;
	margin-bottom: 20px;
	}

#ariane{
	display:block;
	padding:5px;
	background-color:#C6BCB1;
	}

#colA,#colB{float:left;}

#colA{width:595px; margin:10px 10px 0 0;}
#colB{width:200px;}

#piedPage{clear:both;}


/*-------------------------------------------------------------------------------------*/
/* =  outils			 */
/*-------------------------------------------------------------------------------------*/
#outils{
	color:#fff;
	font-size:85%; /*11px*/
}
#outils ul li{
	float:left;
	padding:0 0.4em;
	border-left:1px #263C66 solid;
	border-right:1px #000E29 solid;
	}
#outils ul li a{color:#fff; text-decoration:none;}
#outils ul li a:hover{text-decoration:underline;}

#outils label{display:none;}
#outils input{border:none; background-color:#3772AC; padding:3px; color:#fff; position:relative; top:-3px; margin-left:10px;}
#outils input.inptSubmit{background-color:transparent;margin-left:0px; border:1px #3C79B1 solid; padding:1px 2px; cursor:pointer;
}

#Recherche{background:transparent;}

/*-------------------------------------------------------------------------------------*/
/* =  navigationPrincipal			 */
/*-------------------------------------------------------------------------------------*/
#navigationPrincipal{
	background:#235C95 url('../images/navPrincip_corner.gif') top left no-repeat;
	}

#navigationPrincipal h2{
	font-family:"Century Gothic";
	font-size:108%;/*14px*/
	color:#fff;
	margin:2px 5px;
}

#navIndustrie,#navCommerce{
	position:absolute;
	top:48px; left:0;
	width:410px; 
}

/*--------------------- onglet commerce et industrie*/
/*--------------------- position*/
#navIndustrie h3,#navCommerce h3{
	position:absolute;
	top:-25px; left:0;
}

#navCommerce h3{
	position:absolute;
	top:-25px;
	left:205px; height:25px;}

/*--------------------- habillage*/
#navIndustrie h3 a,#navCommerce h3 a{
	display:block;
	width:205px; height:25px;
	font-family:"Century Gothic";
	color:#005BA8; font-weight:bold;
	text-decoration:none;
}
#navIndustrie h3 a span,#navCommerce h3 a span{position:relative; top:5px; left:5px;}
#navCommerce h3 a, #navIndustrie h3 a{background:transparent url('../images/navPrincip_h3.gif') 0px -27px no-repeat;}

/*--------------------- habillage etat hover*/
#navCommerce h3 a.currentMG, #navIndustrie h3 a.currentMG,
#navCommerce h3 a:hover, #navIndustrie h3 a:hover{background-position:0px 0px;}

/*--------------------- sous navigation des onglet commerce et industrie*/

#navIndustrie .navNivPrim{background:transparent url('../images/bg_navIndustrie.gif') no-repeat;}
#navCommerce .navNivPrim{background:transparent url('../images/bg_navCommerce.gif') no-repeat;}

.navNivPrim, .navNivSecond{
	float:left;
	width:410px; height:200px;
	position:absolute;
	top:0px; left:0;
	display:none;
}

.navNivPrim{
	font-size:85%;
	font-weight:bold;
	position:relative;
	}
	
.navNivSecond{
	font-size:100%;
	width:205px; height:300px;
	left:205px; top:0;
	}

#navIndustrie .navNivSecond{background:transparent url('../images/bg_navSecIndus.gif') -205px 0px no-repeat;}
#navCommerce .navNivSecond{background:transparent url('../images/bg_navSecComm.gif') 0px 0px no-repeat;}

/*--------------------- position des navigation*/
#navCommerce .navNivPrim{left:0px; padding-left:205px;} 
#navCommerce .navNivSecond{left:0px;}
	
/*--------------------- etat actif*/
.navNivPrim li{background:transparent url('../images/chevron.gif') no-repeat 2px 7px;border-bottom:1px #F9F6F6 solid;border-top:1px #D4CCC7 solid;}

.navNivPrim li, .navNivSecond li{
	width:205px; padding:0px;
	}
.navNivPrim li a, .navNivSecond li a{
	display:block;
	width:192px; padding:3px 3px 3px 10px;
	color:#000;
	text-decoration:none;
	}
.navNivPrim li a.currentMG, .navNivSecond li a.currentMG, .navNivPrim li a:hover, .navNivSecond li a:hover{background-color:#EF2F4E; color:#fff;}
.navNivPrim li li a.currentMG, .navNivSecond li li a.currentMG{background-color:transparent; color:#000;}
.navNivPrim li li a:hover, .navNivSecond li li a:hover{background-color:transparent; color:#000; text-decoration:underline;}

.navNivSecond h4{
	font-size:123%; font-weight:bold;
	font-family:"Century Gothic";
	background:#EF2F4E;
	padding:3px 3px 3px 5px;
	color:#fff;
	}
ul.navNivSecond li{background:transparent url('../images/chevron.gif') no-repeat 2px 7px;border-bottom:1px #F28B97 solid;border-top:1px #E35B71 solid;}

/*-------------------------------------------------------------------------------------*/
/* =  #navInfoEco			 */
/*-------------------------------------------------------------------------------------*/
#navInfoEco{background:#5D991B url('../images/navEco_corner.gif') no-repeat top left;}
#navInfoEco h3{
	font-family:"Century Gothic";
	font-size:93%;/*12px*/
	color:#fff;
	margin:2px 5px;
	height:19px;
}

#navInfoEco a.btAnnEntreprise,
#navInfoEco a.btAnnThema,
#navInfoEco a.btFichierPAE{
	display:block;
	height:66px; width:200px;
	color:#fff; text-decoration:none;
	font-family:"Century Gothic";
		background:transparent url('../images/bg_navEcoInfo.png') no-repeat;
	}

#navInfoEco a span{
	display:block;
	width:120px;
	position:relative;
	top:5px; left:5px;}

#navInfoEco a.btAnnEntreprise{background-position:0 0;}
#navInfoEco a.btAnnThema{background-position:0 -67px;}
#navInfoEco a.btFichierPAE{background-position:0 -134px;}

#navInfoEco a.btAnnEntreprise:hover{background-position:-200px 0;}
#navInfoEco a.btAnnThema:hover{background-position:-200px -67px;}
#navInfoEco a.btFichierPAE:hover{background-position:-200px -134px;}

/*-------------------------------------------------------------------------------------*/
/* =  arianne			 */
/*-------------------------------------------------------------------------------------*/
#ariane{
	font-size:85%; /*11px*/
	text-transform: lowercase;
}
#ariane a{color:#000;}
#ariane a:hover{color:#EB3158;}
#ariane strong{font-weight:bold;}

/*-------------------------------------------------------------------------------------*/
/* =  contenu COLA			 */
/*-------------------------------------------------------------------------------------*/
#colA h1,
#colA h2,
#colA h3,
#colA h4,
#colA h5,
#colA h6,
#colA p{margin-right:10px; color:#0A1839; font-family:"Century Gothic";}


#colA h1 {font-size:182%;/*24px*/; padding-bottom:3px; border-bottom:1px #0A1839 solid; margin:0 0 10px 0;
}
#colA h2{font-size:138.5%;/*19px*/; margin:18px 0 5px 0;color:#3987C4;}
#colA h3{font-size:123.1%;/*17px*/; margin:18px 0 0px 0;color:#3987C4; font-weight:bold;}
#colA h4{font-size:100%;/*13px*/; margin:15px 0 0px 0; color:#3987C4;}
#colA h5{font-size:100%;/*13px*/; font-family:Arial; margin:15px 0 0 0; font-weight:bold;}
#colA h6{font-size:100%;/*13px*/; font-family:Arial; margin:15px 0 0 0; font-weight:bold;}
#colA p{font-family:Arial; font-size:85%;/*11px*/ line-height:140%; margin:5px 0;}
#colA strong{font-weight:bold;}

#colA blockquote {margin:2em; border-left:2px #DCBE5C solid;}
#colA blockquote h4,#contentDoc blockquote p{margin-left: 1em; font-style:italic;}

#colA table {
	width: 100%;
	margin: 0 0 .8em 0;
	border-left: 1px #ccc solid;
	border-bottom:1px #00204E solid;
	
}
#colA th, #contentDoc td {padding: .3em;}
#colA table thead th {
	background: #3987C4;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	border-left: 1px #fff solid;
}
#colA table .col1{width:40%;}
#colA table .col2{width:20%;}
#colA table .col3{width:20%;}
#colA table .col4{width:20%;}
#colA table tbody td {
	background: #fff;
	font-size: 85%;
	border-left: 1px #ccc solid;
	padding:0.4em;
	}
#colA table tbody .odd td {background: #eff;}
#colA table tbody th {
	font-weight: bold;
	background: #3987C4;
	color: #333;
	border-bottom: 1px #fff solid;
	font-size: 85%;
	}
#colA tfoot td {
	background: #EFE0D7;
	border-left: 1px #fff solid;
	}
#colA table caption {
	color: #333; padding:0.8em; 
	font-size: 100%;
	background: #00204E;
	color: #fff;
	font-family:"Century Gothic";
	}
tr.pair td{background:#F1F5F8 !important;}

#colA ul, #colA ol, #colA dl{margin:10px 30px; font-family:Arial; font-size:85%; }
#colA ul li{list-style-type: square; list-style-position: outside}
#colA ol li{list-style-type: decimal; list-style-position: outside}

/*-------------------------------------------------------------------------------------*/
/* =  Contenu COLB			 */
/*-------------------------------------------------------------------------------------*/
#colB {background-color:#F2F5F8; color:#0F386B;}
#colB a{color:#0F386B;}
#colB a:hover{color:#ED2E50;}

#colB a.btTt{
	display:block; width:106px; height:14px;
	text-indent:-200em; overflow:hidden;
	background:transparent url('../images/btTt.gif') no-repeat;
	margin:10px 0px 10px 93px;
	}

/*-------------------------------------------------------------------------------------*/
/* =  Les bloc Infos			 */
/*-------------------------------------------------------------------------------------*/
#colB .blocInfo{
	background-color:#F2F5F8; color:#0F386B; overflow:hidden;
}

#colB .blocInfo h2{
	font-size:108%; /*14px*/
	width:170px;
	padding:5px 10px 5px 20px;
	background:#C8CFD8 url('../images/chevronColb.gif') no-repeat 10px 7px;
	height: 18px;
	}

#colB .blocInfo h3,
#colB .blocInfo h4,
#colB .blocInfo h5,
#colB .blocInfo h6,
#colB .blocInfo ul, #colB .blocInfo dl, #colB .blocInfo ol,
#colB .blocInfo p{margin:10px;}
#colB .blocInfo h3{font-size:100%; font-weight:bold;}
#colB .blocInfo h4{font-size:93%;}
#colB .blocInfo h5{font-size:93%; font-style:italic;}
#colB .blocInfo strong{font-weight:bold;}
#colB .blocInfo p, #colB .blocInfo ul, #colB .blocInfo dl, #colB .blocInfo ol{font-size:85%; line-height:130%;}

#colB .blocInfo li, #colB .blocInfo dt, #colB .blocInfo dd{margin:5px 0; padding-left:10px; background:transparent url('/design/crci/images/colB_puce.gif') no-repeat 0px 3px;}
#colB .blocInfo dd{padding-left:20px; background-position:10px 3px;}

#colB .blocInfo table{width:200px; font-size:85%; border-collapse:collapse;}
#colB .blocInfo table td{padding:3px;}
#colB .blocInfo table caption{background-color:#00204E; color:#fff; padding:1px;}
#colB .blocInfo thead{background-color:#C8CFD8; color:#0F386B;}
#colB .blocInfo tbody{background-color:#fff; color:#00204E;}
#colB .blocInfo tbody td{border:none;}

/*--------------------- Agenda et breves*/

#colB .Agenda,#colB .Breve {padding-bottom:10px;}
#colB .Agenda a,#colB .Breve a{text-decoration:none;}
#colB .Agenda h4{margin:5px 0px 0px 10px; padding-left:10px; background:transparent url('../images/colB_puce.gif') no-repeat 0px 3px; font-weight:bold;}
#colB .Agenda p{margin-top:2px;}

#colB .Agenda h2{background:#C8CFD8 url('../images/AgendaColb.gif') no-repeat 6px 7px}

#colB .Agenda a.btTt{background-position:0 -16px;}
#colB .Breve a.btTt{background-position:0 0;}

#colB .Agenda a.btTt:hover{background-position:-108px -16px;}
#colB .Breve a.btTt:hover{background-position:-108px 0;}


/*--------------------- Pour le menu accordeon*/
.accordeon h4{
	font-size:85% !important; font-weight:bold !important;
	background:transparent url('../images/colB_puce.gif') no-repeat 0px 3px;
	padding-left:10px; margin:10px 10px 5px 10px !important;
	cursor:pointer;
	}
.accordeon p{
	padding-left:10px !important;
	margin:5px 10px !important;}


/*-------------------------------------------------------------------------------------*/
/* =  piedPage			 */
/*-------------------------------------------------------------------------------------*/
#piedPage{
	overflow:auto;
	font-size:85%;/*10px*/
	background:transparent url('../images/bg_piedPage.gif') repeat-x;
	padding-bottom:30px;
	}

.lienPiedPage{margin:5px 5px;}
.lienPiedPage a{color:#6a6a7b;}
.lienPiedPage a:hover{color:#C8100F;}
.lienPiedPage li{float:left; margin-right:1em;}

/*-------------------------------------------------------------------------------------*/
/* =  FORMULAIRES			 */
/*-------------------------------------------------------------------------------------*/
.formulaire fieldset{
	background:#E6F5FF;
	border-left:1px #82ACD0 solid;
	border-top:1px #82ACD0 solid;
	border-bottom:1px #C6E8FE solid;
	border-right:1px #C6E8FE solid;
	margin:10px 0;
}

.formulaire .border{
	border-top:1px #82ACD0 solid;
	border-bottom:1px #82ACD0 solid;
}

.formulaire legend{font-family:"Century Gothic"; font-size:131%; margin:10px; color:#82ACD0; }

.formulaire div.fieldLine{padding:5px;overflow:auto;}

.formulaire div.fieldLine label, .formulaire div.fieldLine p.pseudoLabel{
	font-size:93%; font-weight:normal !important;
	width:25%;
	float:left;
	text-align:right;
	color:#00204E;
	position:relative; top:3px;
	margin-right:10px;
}

.formulaire p.pseudoLabel{top:0px !important;}

.formulaire ul {
	float: left; width:70%;
	margin:0 !important;
	position:relative;
	top:4px; left:8px;
	}
	
.formulaire ul li label {
	float:none;
	width: auto !important;
	margin: 0 5px !important;
	font-size:103% !important;
	top:1px !important;
}
.formulaire li input{float:left;}
.formulaire li{
	list-style:none !important;
	margin:0px 20px 5px 0 !important;
	float:left;
	float:none;
	margin:0px 20px 10px 0 !important;
	}

.formulaire input, .formulaire textarea, .formulaire select{
	border-left:1px #82ACD0 solid;
	border-top:1px #82ACD0 solid;
	border-bottom:1px #C6E8FE solid;
	border-right:1px #C6E8FE solid;
	font-size:100%;
	padding:1px 1px;
}

.formulaire .inptRdo, .formulaire .inptCbox {vertical-align: middle; margin-right:5px; position:relative; top:1px; border:none !important;}
.formulaire img {vertical-align: middle;}
.formulaire span.oblig{color:red;}

.complement{
	font-style:italic;
	margin:10px 0px 10px 165px;
}
.complement p{margin:10px 0;}
.fieldValid{
	padding-left:165px;
	border-top:1px #82ACD0 solid;
}

.fieldValid input{
	margin:10px 0;
	color:#fff;
	padding:5px 3px;
	border:none;
}

.txt{width:auto;}

/*-------------------------------------------------------------------------------------*/
/* =  HOME CRCI			 */
/*-------------------------------------------------------------------------------------*/
body#home #page {	
	width:810px;
	padding:0 32px 0 32px;
	margin:0px auto;
	background:transparent url('../images/bghome_global.png') 0px 10px no-repeat;
	}

body#home{background:#fff url('../images/bg_home.gif') repeat-x;}

body#home #imageAcc{display:block; width:808px; height:230px;background-color:transparent; position:absolute; top:0; right: 0;}

body#home #header h1 em{color:#fff; position:absolute; top:98px; left:115px; display:block; width:170px;font-size:100%;}

body#home #contenu{
	background:transparent url('../images/bghome_colb.gif') repeat-y top right;
	}
	
body#home #colA{width:520px;}
body#home #colB{width:280px; background:transparent; position:relative;}

body#home #header{height:477px;}

body#home #navigationPrincipal{
	top:186px; left:0;
	background:transparent;
}

body#home #navInfoEco{
	width:400px; height:291px;
	top:186px; left:410px;
	background:transparent url('../images/bgHome_navEcoInfo.gif') 0 23px no-repeat;
	
}

body#home #navInfoEco h3, #navigationPrincipal h2{
	font-size:138.5%; font-weight:bold;
	margin-top:0;
}

body#home #annuaire{
	position:absolute; right:0; top:48px;
	background:#5D991B ;
}
body#home #annuaire li{margin:11px 0;}

body#home #newsletter{
	position:absolute;
	bottom:0; left:0;
	display:block; width:410px; height:45px;
	overflow:hidden;
	background:#F63D00 url('../images/bg_newletter.gif') repeat-x;
}
body#home  #newsletter p.bouton a{
	position:absolute;
	top:12px; right:5px;
}

body#home #economieTerrit{
	position:absolute; top:48px;
	float:left;
}

body#home #blocObservation{
	height:74px !important;
}

body#home #blocObservation h3,body#home #blocObservation p{
	text-align:right;
}

body#home #blocObservation p.bouton a{
	left:240px;
	}

body#home .blocInfo{
	width:280px; /*float:left;*/
	}

body#home #nuagesMots{
	width:200px;
	/*float:right;*/
	position:absolute; top:84px; right:0;
}


/*-------------------------------------------------------------------------------------*/
/* =  Bloc Newsletter			 */
/*-------------------------------------------------------------------------------------*/
#newsletter{
	position:relative;
	overflow:hidden;
	background:#F63D00 url('../images/bg_newletter.gif') repeat-x;
}
#newsletter h3{
	font-size:123%;
	font-family:"Century Gothic"; font-weight:bold;
	margin:5px;
	color:#fff;
}
#newsletter p{margin:5px; color:#fff; font-size:85%;}
#newsletter p.bouton a{

	display:block;
	width:156px; height:20px;
	text-indent:-200em; overflow:hidden;
	background:transparent url('../images/bt_inscrire.gif') no-repeat;
}
/*-------------------------------------------------------------------------------------*/
/* =  BLOC ECONOMIE DU TERRITOIRE - IMAGE MAP			 */
/*-------------------------------------------------------------------------------------*/
#economieTerrit{
	position:relative;
	background:#585E73;
	width:200px; height:243px;
	background:transparent url('../images/bg_econoterrit.jpg') no-repeat;
}

#economieTerrit h3{font-size:120% !important; margin:2px 0px 0 5px !important; padding-bottom:20px; height:auto; color:#fff;}
#economieTerrit em{display:none;}
#economieTerrit p.SiteNational a{
	position:absolute; bottom:0; left:0; display:block; width:200px; height:45px;
	background:transparent url('../images/bt_siteNationaux.png') no-repeat;
	text-indent:-200em; overflow:hidden;
	}
#economieTerrit p.bouton a{
	position:relative; left:10px; top:10px;
	display:block;
	width:184px; height:20px;
	text-indent:-200em; overflow:hidden;
	background:transparent url('../images/bt_ChiffreCle.gif') no-repeat;
	}
	
/*-------------------------------------------------------------------------------------*/
/* =  BLOC OBSERVATION			 */
/*-------------------------------------------------------------------------------------*/

#blocObservation{
	background:#A5998A url('../images/bg_observation.png') no-repeat;
	position:relative;
	height:74px; height:110px;
	padding:5px;
}
#blocObservation h3{
	font-size:123%;
	font-family:"Century Gothic"; font-weight:bold;
	color:#2F2B26;
}

#blocObservation p{font-size:85%; color:#000; padding-bottom:2px;}

#blocObservation p.bouton a{
	position:absolute; left:5px;
	text-align:left;
	display:block;
	width:154px; height:20px;
	text-indent:-200em; overflow:hidden;
	background:transparent url('../images/bt_consulter.gif') no-repeat;
	}


/*-------------------------------------------------------------------------------------*/
/* =  NUAGE DE MOTS			 */
/*-------------------------------------------------------------------------------------*/

#nuagesMots{
	background:#579ED0;
	color:#fff;
	position:relative;
	padding-bottom:30px;
}

#nuagesMots h3{
	font-size:108%; /*14px*/ color:#fff;
	width:170px;
	padding:5px 25px 5px 5px;
	text-align:left;
	background:#3A74A4;
	}
#nuagesMots ul{margin:5px;}
#nuagesMots li{display:inline; margin-right:5px;}	
#nuagesMots a{color:#fff; text-decoration:none;}

/*--------------------- Corps de texte différents*/
#nuagesMots a.cloud1{font-size:77%;}
#nuagesMots a.cloud2{font-size:85%;}
#nuagesMots a.cloud3{font-size:93%;}
#nuagesMots a.cloud4{font-size:100%;}
#nuagesMots a.cloud5{font-size:108%;}
#nuagesMots a.cloud6{font-size:116%;}
#nuagesMots a.cloud7{font-size:131%;}
#nuagesMots a.cloud8{font-size:146%;}
#nuagesMots a.cloud9{font-size:161%;}


/*-------------------------------------------------------------------------------------*/
/* =  BlocLiens & Bloc telecharge	 */
/*-------------------------------------------------------------------------------------*/
.blocContact, .bloctelecharge,.blocliens {
	margin:10px 0;
	padding:5px 0;
	background:#e8f4ff;
	color:#0056A3;
	}
.blocContact h5, .bloctelecharge h5, .blocliens h5{margin-left:10px !important;}

.blocContact ul, .bloctelecharge ul, .blocliens ul{margin:0 10px !important;}
.blocContact ul li, .bloctelecharge ul li, .blocliens ul li{
	list-style-type: none !important; list-style-position: outside !important;
	border-top:1px #fff solid;
	padding:3px 0;
	
	}
.blocContact ul li a, .bloctelecharge ul li a, .blocliens ul li a{
	color:#0056A3;
	text-decoration:underline;
 }
.blocContact ul li a:hover, .bloctelecharge ul li a:hover, .blocliens ul li a:hover{color:#E41444;}

/*-------------------------------------------------------------------------------------*/
/* =  Les bouton voir tout			 */
/*-------------------------------------------------------------------------------------*/

.voirTout a{
	height:20px;
	display:block; overflow:hidden; text-indent:200em;
	background:transparent url('../images/btVoirTout.gif') no-repeat;
}

.voirTout.ttarticle a{background-position:right 0px;}
.voirTout.ttarticle a:hover{background-position:right -20px;}

.voirTout.ttBreve a{background-position:right -40px;}
.voirTout.ttBreve a:hover{background-position:right -60px;}

/*-------------------------------------------------------------------------------------*/
/* =  division dans la colA			 */
/*-------------------------------------------------------------------------------------*/
.DivisionColA {overflow:hidden;clear:both;}
.DivisionColA .blocContact,
.DivisionColA .bloctelecharge,
.DivisionColA .blocliens{
	float:left;
	width:285px;
	margin-right:10px;
}


/*-------------------------------------------------------------------------------------*/
/* =  pop			 */
/*-------------------------------------------------------------------------------------*/
.pop{
	position: absolute; top: 0px; left: 20px;
	width:300px; height:211px;
	
	}
.hab{
	width:300px; height:211px;
	background:transparent url('/design/crci/images/popbg.png') no-repeat;
}
.box{
	position:absolute;
	top:17px; left:25px; z-index:1000;
	width:250px; height:211px;
	text-align:center;
}
.box .field_valid a{
	position:absolute; top:0px; right:-10px; width:100px; height:12px; 
	background:transparent url('/design/crci/images/pictFremer.png') 105px 5px no-repeat;
	background-color:transparent; 
	overflow:hidden;
	font-size:82%; color:#316EA6; text-decoration:none;
	text-align:right; padding-right:10px;
}

.box .field_line a{
	border-top:1px #001E48 solid;
	display:block; 
	text-decoration:none;
	padding:2px 0 4px 0;
	background-color:#3387C5; color:#fff;
}

.box .field_line a:hover{
	background-color:#001E48; color:#fff;
}

/* AJUSTEMENTS MODIFICATIONS DE LA HOME */

#home #colB .blocInfo h2 {
	width: 250px;
}

#home #colB a.btTt {
	margin-left: 173px;
}

/* Actualités home */
body#home #colA {
	width: 530px;
	margin-top: 0;
	margin-right: 0;
}
.titreActu {
	width: 100%;
}
.titreActu h1 {
	background-color: #C8CFD8;
	font-size:108% !important;
	padding:5px 10px 5px 5px;
	color: #0f386b !important;
	font-family: arial,helvetica,clean,sans-serif !important;
	border-bottom: none !important;
	height: 20px;
}

.titreVoir {
font-size:131% !important;/*19px*/; margin:18px 0 5px 0; font-weight: bold;
color:#0A1839 !important;
font-family:"Century Gothic";
font-size:123.1%;
}

.ligneActu {
	display: block;
	float: left;
	padding-bottom: 23px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f3f5f8;
	background: transparent url(../images/bg_blocActu50.png) repeat-x bottom left;
	position: relative;

}
.blocActu {
	width: 520px;
	margin: 0 0px 0px 0;
}


#actuUne {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f3f5f8;
	background: transparent url(../images/bg_blocActu.png) repeat-x bottom left;
}

#actuUne p {
text-align: justify;
}

.blocActu.colA {
width:  250px;
float: left;
margin: 0 10px 0px 0;

}

.blocActu.colA img, .blocActu.colB img {
margin: 0 auto;
clear: both;
}

.blocActu.colB {
width:  250px;
float:  right;
margin: 0 0px 0px 10px;
}

#voirEgalement {
}
#voirEgalement .titreEgalement h2 {
	color: #000000;
	font-weight: bold;
	font-size: 152%;
}

#voirEgalement .blocActu {
	width: 260px;
	float: left;
}

#voirEgalement .blocActu p {
	padding-right: 10px;
}

#voirEgalement .blocActu img {
	display: none;
}

#voirEgalement .blocActu h3 {
	margin: 0;
	padding-top: 1px;
	float :left;
}
#voirEgalement .blocActu {}
#home #colA .blocActu h2 {
	font-size: 116%;
	color:#0A1839; font-family:"Century Gothic";
	padding-bottom:3px; border-bottom:1px #0A1839 solid; margin:0 0 10px 0;
}

#home #colA .blocActu.colA h3,#home #colA .blocActu.colB h3 {
	text-align: center;
	float: left;
	margin-top: 2px;
	margin: 2px 0 8px 0;
}
#home #colA .Breve {
	margin-top: 20px;
	width: 520px;
	float: left;
	background-color: #F2F5F8;
	clear:both;
}

#home #colA .Breve ul li {
	font-size: 116%;
	font-family:"Century Gothic";
}
#home #colA .Breve ul li a {
	text-decoration: none;
}
.Breve a.btTt {
	float: right;
}

#colA a.btTt{
	display:block; width:106px; height:14px;
	text-indent:-200em; overflow:hidden;
	background:transparent url('../images/bt_ttActus.gif') no-repeat;
	float:right;
	}

.blocActu a.btLireSuite {
	display:block; width:106px; height:14px;
	text-indent:-200em; overflow:hidden;
	background:transparent url('../images/btLireSuite.gif') no-repeat;
}

.ligneActu .blocActu a.btLireSuite {
	position: absolute;
	bottom: 10px;
	margin-left: 150px;
}
#actuUne a.btLireSuite {
	float: right;
}
	
#colA .Breve a.btTt{background-position:0 0;}
#colA .Breve a.btTt:hover{background-position:-108px 0px;}

#colB .Agenda h4.national {margin:5px 0px 0px 10px; padding-left:10px; background:transparent url('../images/colB_puce-national.gif') no-repeat 0px 5px; font-weight:bold;}

#colB .Agenda h4.international { color: #676162; margin:5px 0px 0px 10px; padding-left:10px; background:transparent url('../images/colB_puce-international.gif') no-repeat 0px 5px; font-weight:bold;}

#colA td.national a { color: #3987C4!important; }
#colA td.international a { color: #676162!important; }

#toutesActus {
width: 520px;
height:  50px;
float: left;
background: url(../images/bg_blocToutesActus.gif) repeat-x top left;
}

#toutesActus a {
	width: 105px;
	height: 14px;
	background: url('../images/bt_ttesActu-bottom.gif') no-repeat top left;
	text-indent: -500em;
	display: block;
	float: right;
	margin-top: 30px;
	clear: both;
}