/*
	CSS pour CLJ projet - Principal
	Simon - egzakt.com
	2008-03-11
*/

body {
	font:75%/150% Arial, sans-serif;
	margin:14px 0;
	color:#012c41;
	background:#8ba6b6 url(../images/ul/tuiles/background.gif) top left repeat-x;
}

h1 {
	margin:0 0 10px 0;
}

h2 {
	font:bold 1.17em/1.3em Arial, sans-serif;
	color:#012C41;
	margin:0 0 20px 0;
}

h3 {
	font:bold 1.08em/1.17em Arial, sans-serif;
	color:#2B85BB;
	margin:0 0 5px 0;
}

h4 {
	font:bold 1.08em/1.17em Arial, sans-serif;
	color:#012C41;
	margin:0 0 5px 0;
}


p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#2b85bb;
	text-decoration:none; 
	outline:none;
}

a:hover {
	text-decoration:underline; 
}

img {
	border:0;
}

#wrapper {
	width:940px;	/*960-10-10*/
	margin:0 auto;
	border:10px solid #fff;
	background-color:#fff;
}



/* ENTETE
-----------------------------------------*/

#nav_haut {
	width:940px;	/*960-10-10*/
	padding:0 10px 6px;
	text-align:right;
	margin:0 auto;
	color:#fff;
	height:15px;
}
#nav_haut ul {
	margin:0;
	padding:0;
}

#nav_haut ul li {
	list-style: none;
	display: inline;
	margin-left:5px;
}

#nav_haut a,
#nav_bas a {
	color:#fff;
	font-size:0.92em;
	text-decoration:underline;
}

#header {
	background:#fff url(../images/ul/entetes/ambiances/entete_ambiance.jpg) no-repeat top right;
	height:100px;
}


#logo {
	float:left;
	margin:4px 40px 0 20px;
}

#nav {
	display:inline;		/*IE6 Bug*/
}

#nav a {
	float:left;
	display:block;
	margin:10px 10px 0 0;
	padding:3px 10px 0;
	width:150px; /*170-10-10*/
	height:22px; /*25-3*/
	background:transparent url(../images/ul/boutons/btn_navig.gif) 0px 0px no-repeat;
	color:#012c41;
	text-decoration:none;
	font-weight:bold;
}
#nav a:hover,
#nav a.selected {
	background-position:-170px 0px;
	color:#fff;
}


/* BANNIERE
-----------------------------------------*/
#banniere {
	height:118px;
	overflow:hidden;	/*IE6 Bug*/
}

#banniere .media {
	height:99px;
	position:relative;
	border:1px solid #829fb0;
	border-top:0;
}
#banniere .media .front,
#banniere .media .rear {
	height:99px;
	width:938px;
}

#banniere .media .front {
	position:absolute;
	top:0;
	left:0;
	background:transparent url(../images/ul/entetes/bannieres/banniere_13.jpg) left top no-repeat;

}
#banniere .media .rear {
	background:transparent url(../images/ul/entetes/bannieres/banniere_14.jpg) left top no-repeat;
}

#banniere .media h1 {
	color:#fff;
	float:left;
	font-size:1.5em;
	line-height:1em;
	padding:6px 0 0 20px;
	margin-right:10px;
}
#banniere .media h2 {
	color:#fff;
	float:left;
	font-size:1em;
	line-height:1em;
	padding:11px 0 0 0;
	text-transform:uppercase;
	margin-right:10px;
	font-weight:normal;
}

#banniere .media .fleche {
	float:left;
	width:20px;
	height:20px;
	margin-top:10px;
	background:transparent url(../images/ul/graphiques/fleche_banniere.png) center top no-repeat;
}
#banniere .media .fleche_msie {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/images/ul/graphiques/fleche_banniere.png');
}

#banniere .data {
	display:none;
}


#banniere .nav a {
	float:left;
	display:block;
	width:156px;
	height:14px; /*17-3*/
	padding-top:3px;
	text-align:center;
	text-decoration:none;
	font-size:0.8em;
	line-height:1em;
	background:#fff url(../images/ul/tuiles/tab.gif) left top repeat-x;
	border-right:1px solid #829fb0;
}

#banniere .nav a.premier {
	background-image:url(../images/ul/tuiles/tab_gauche.gif);
	width:155px;
}
#banniere .nav a.dernier {
	background-image:url(../images/ul/tuiles/tab_droite.gif);
	background-position:right top;
	border-right:0;
}

#banniere .nav a:hover,
#banniere .nav a.selected {
	background-position:-250px top;
}

#banniere .nav a.dernier:hover,
#banniere .nav a.dernier_selected {
	background-position:-94px top;
}

/* BASE COMMUNE
-----------------------------------------*/
#contenu {
	clear:both;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

#subnav {
	float:left;
	width:233px;
	background:#2b85bb url(../images/ul/tuiles/smenu_top.gif) left top no-repeat;
}
#subnav .bottom {
	background:transparent url(../images/ul/tuiles/smenu_bottom.gif) center top no-repeat;
	height:5px;
	font-size:2px;
	line-height:2px;
}

#subnav ul {
	list-style-type: none;
	margin:0;
	padding:10px 20px;
}

#subnav ul li {
	display:inline;	/*IE6 Bug*/

}
#subnav ul li a {
	display:block;
	color:#fff;
	padding:8px 20px 4px 0;
	background:transparent url(../images/ul/tuiles/smenu_fleche.gif) -216px 10px no-repeat;
	font-size:0.92em;
	line-height:1em;
	border-bottom:1px solid #8abbd9;
	text-decoration:none;
}

#subnav ul li a:hover,
#subnav ul li a.selected {
	color:#012c41;
	background-position: -12px 10px;
}
#subnav ul li a.selected {
	font-weight:bold;
}

#subnav .titre img,
#principal .titre img {
	border:0;
	display:inline;
}
#principal h1 span.titre {
	display:none;
}


#subnav h1,
#principal h1 {
	margin:0;
	padding:0;
}

#principal {
	float:right;
	width:697px;
}

#principal .bloca {
	float:left;
	width:476px;
	margin-right:10px;
	background:#fff;
}

#principal .bloca .contenu {
	padding:10px;
	width:456px;
	line-height:1.17em;
}

#principal .blocb {
}

#principal .blocc {
	float:left;
	width:211px;
}

#principal .blocc #media_sociaux a {
    padding-right:5px;
    position:relative;
    top:10px;
}


#principal .blocd {
}

#principal .pub {
	background:#fff url(../images/ul/tuiles/accueil_contact.jpg) top left no-repeat;
	width:191px; /*211-10-10*/
	height:64px; /*75-5-6*/
	padding:5px 10px 5px;
	margin-bottom:10px;
	color:#fff;
}
#principal .pub h2 {
	color:#fff;
	font-size:1.08em;
	line-height:1.17em;
	margin-bottom:6px;
}
#principal .pub h2.telephone {
	font-size:1.33em;
	margin:0;
}

#principal .pub a {
	color:#012c41;
	text-decoration:underline;
}
#principal .pub a:hover {
	text-decoration:none;
}

#principal .outils {
	float:right;
	margin-left:20px;
}


#btn_imprimer {
	display:block;
	background:transparent url(../images/ul/icones/imprimer.gif) right top no-repeat;
	padding:1px 22px 2px 0;
	text-decoration:underline;
}

#principal .tag_cloud {
	width: 211px;
	margin-top:15px;
}

#principal .tag_cloud .contenu {
	background-color:#fff;
	border-left:2px solid #829fb0;
	border-right:2px solid #829fb0;
	padding:0 18px;
}

#principal .tag_cloud .contenu p {
	width: 171px;
}

#principal .tag_cloud a {
	color:#2b85bb;
	text-decoration:underline;
}
#principal .tag_cloud a span {
	color:#2b85bb;
	text-decoration:underline;
}
#principal .tag_cloud h1 {
	background:#fff url(../images/fr/titrages/vous_cherchez.gif) left top no-repeat;
	height:30px;
	font-size:1px;
}
#principal .tag_cloud_bottom {
	background:#fff url(../images/ul/tuiles/vous_cherchez_bottom.gif) left top no-repeat;
	height:4px;
	font-size:2px;
	line-height:2px;
}

/* ACCUEIL (ID=1)
-----------------------------------------*/
.contenu_accueil {
	/*extend: #contenu*/
}
.contenu_accueil #subnav {
	/*extend: #subnav*/
	background: #eaf1f7;
}

.contenu_accueil #subnav li {
	padding-bottom:0.83em;
	display:block;
}
.contenu_accueil #subnav li a {
	display:inline;
	border:0;
	background:none;
	font-size:1em;
}

.contenu_accueil #principal {
	/*extend: #contenu .principal*/
}

.contenu_accueil #subnav .date {
	display:block;
	color:#012c41;
	font-weight:bold;
	line-height:1em;
}
.contenu_accueil #subnav ul li a {
	color:#2b85bb;
}
.contenu_accueil #subnav ul li a:hover {
	color:#000;
}

.contenu_accueil #principal .bloca {
	width:233px;
	background:#eaf1f7;
}

.contenu_accueil #principal .bloca .contenu {
	padding:10px 20px;
	width:193px;
}

.contenu_accueil #principal .blocb {
	float:left;
	width:233px;
	margin-right:10px;
	background:#eaf1f7;
}
.contenu_accueil #principal .blocb .contenu {
	padding:10px 20px;
	line-height:1.17em;
}

.contenu_accueil #principal .blocc {
	/*extend #principal .blocc*/
}
.contenu_accueil #principal .blocd {
	clear:both
	width:697px;
}

.contenu_accueil #principal .tag_cloud .contenu p {
	width: 657px;
}

.contenu_accueil #principal .tag_cloud {
	/*extend: #principal .tag_cloud*/
	margin:0;
	width: 697px;
}

.contenu_accueil #principal .tag_cloud h1 {
	background-image:url(../images/fr/titrages/vous_cherchez_accueil.gif);
}

.contenu_accueil #principal .tag_cloud_bottom {
	background-image:url(../images/ul/tuiles/vous_cherchez_bottom_accueil.gif);
}


/* A PROPOS (ID=2)
-----------------------------------------*/
.contenu_cld {
	/*extend: #contenu*/
}


/* ÉQUIPE (ID=3)
-----------------------------------------*/
.contenu_equipe {
	/*extend: #contenu*/
}


/* NOS SERVICES (ID=4)
-----------------------------------------*/
.contenu_services {
	/*extend: #contenu*/
}
.contenu_services #subnav {
	/*extend: #subnav*/
}

.contenu_services #principal {
	/*extend: #contenu .principal*/
}

.contenu_services #subnav ul li a {
	/*extend: #subnav ul li a*/
}

.contenu_services #principal .bloca {
	/*extend: #principal .bloca*/
}

.contenu_services #principal .bloca .contenu {
	/*extend #principal .bloca .contenu*/
}

.contenu_services #principal .blocc {
	/*extend #principal .blocc*/
}


/* ÉQUIPE (ID=5)
-----------------------------------------*/
.contenu_programmes {
	/*extend: #contenu*/
}


/* PORTRAIT TERRITOIRE (ID=6)
-----------------------------------------*/
.contenu_portrait {
	/*extend: #contenu*/
}


/* OUTILS PUBLICATIONS (ID=7)
-----------------------------------------*/
.contenu_outils {
	/*extend: #contenu*/
	background-image: url(../images/ul/tuiles/ambiance_1.jpg);
}

.contenu_outils .fcktexte ul li {
	/*extend fcktexte ul li*/
	background:none;
	padding-left:0;
}


/* NOUS JOINDRE (ID=8)
-----------------------------------------*/
.contenu_contact {
	/*extend: #contenu*/
	background-image: url(../images/ul/tuiles/ambiance_2.jpg);
}


/* NOUVELLES (ID=10)
-----------------------------------------*/
.contenu_nouvelles {
	/*extend: #contenu*/
}
.contenu_nouvelles #subnav {
	/*extend: #subnav*/
	background-color:#eaf1f7;
}

.contenu_nouvelles #principal {
	/*extend: #contenu .principal*/
}

.contenu_nouvelles #subnav ul {
	/*extend: #subnav ul*/
	padding:10px;
	background:transparent url(../images/ul/tuiles/smenu_nouvelles_bottom.gif) left bottom no-repeat;
}

.contenu_nouvelles #subnav ul li {
}

.contenu_nouvelles #subnav ul li a {
	/*extend: #subnav ul li a*/
	background:#fff url(../images/ul/tuiles/smenu_nouvelles_fleche.gif) -208px 8px no-repeat;
	border:0;
	margin:0 0 2px;
	font-size:1.17em;
	color:#012c41;
	padding:4px 10px 4px 20px;
	font-weight:bold;
}
.contenu_nouvelles #subnav ul li a:hover {
	background-position: -208px 8px; /*IE6*/
	text-decoration:underline;
}
.contenu_nouvelles #subnav ul li a.selected,
.contenu_nouvelles #subnav ul li a.selected:hover {
	margin:0;
	background-position:-430px 8px;
}

.contenu_nouvelles #subnav ul li div {
	padding:4px 10px 4px 20px;
	background-color:#fff;
	margin-bottom:2px;
}

.contenu_nouvelles #subnav ul li div a {
	font-size:1em;
	color:#2b85bb;
	font-weight:normal;
	margin:0 0 2px;
	padding:0;
	background:none;
	text-decoration:underline;
}

.contenu_nouvelles #subnav ul li div a.selected {
	font-weight:bold;

}

.contenu_nouvelles #principal .bloca {
	/*extend: #principal .bloca*/
}

.contenu_nouvelles #principal .bloca .contenu {
	/*extend: #principal .bloca .contenu*/
}

.contenu_nouvelles #principal .blocc {
	/*extend: #principal .blocc*/
}

.contenu_nouvelles #principal ul.nouvelles {
	list-style-type:none;
	margin:0;
	padding:10px;
}
.contenu_nouvelles #principal ul.nouvelles li {
	padding:0 0 20px;
}
.contenu_nouvelles #principal ul.nouvelles .date {
	display:block;
	color:#012c41;
	font-weight:bold;
	line-height:1em;
}
.contenu_nouvelles #principal ul.nouvelles h3 {
	font-size:1.17em;
	margin-bottom:2px;
}
.contenu_nouvelles #principal ul.nouvelles h3 a {
	text-decoration:underline;
}

/* INFOLETTRE (ID=11)
-----------------------------------------*/
.contenu_infolettre {
	/*extend: #contenu*/
	background-image: url(../images/ul/tuiles/ambiance_3.jpg);
}
.contenu_infolettre form {
	width:30em;
}

.contenu_infolettre label {
	float:left;
	width:7em;
	padding-left:0.7em;
	margin:0.2em 0 0.17em;
}
.contenu_infolettre label.obligatoire {
	padding-left:0;
	width:7.7em;
}
.contenu_infolettre input {
	border:1px solid #829fb0;
	margin-bottom:0.5em;
}

.contenu_infolettre .submit {
	margin:10px 16px 0 0 ;
	text-align:right;
}

.contenu_infolettre .submit .note {
	float:left;
}

/* PLAN SITE (ID=12)
-----------------------------------------*/
.contenu_plansite {
	/*extend: #contenu*/
	background-image: url(../images/ul/tuiles/ambiance_3.jpg);
}
.contenu_plansite h2 {
	margin-bottom:0.3em;
}
.contenu_plansite ul {
	margin-top:0;
	padding-top:0;
	list-style-type: square;
}

/* ERREURS
-----------------------------------------*/
.contenu_erreur {
	/*extend: #contenu*/
}
.contenu_erreur #subnav {
	/*extend: #subnav*/
	background:#eaf1f7 url();
}

.contenu_erreur #subnav li {
	padding-bottom:0.83em;
	display:block;
}
.contenu_erreur #subnav li a {
	display:inline;
	border:0;
	background:none;
	font-size:1em;
}

.contenu_erreur #subnav .date {
	display:block;
	color:#012c41;
	font-weight:bold;
	line-height:1em;
}
.contenu_erreur #subnav ul li a {
	color:#2b85bb;
}
.contenu_erreur #subnav ul li a:hover {
	color:#000;
}

.contenu_erreur #subnav {
	/*extend: #subnav*/
}

.contenu_erreur #principal {
	/*extend: #contenu .principal*/
}

.contenu_erreur #subnav ul li a {
	/*extend: #subnav ul li a*/
}

.contenu_erreur #principal .bloca {
	/*extend: #principal .bloca*/
}

.contenu_erreur #principal .bloca .contenu {
	/*extend #principal .bloca .contenu*/
}

.contenu_erreur #principal .blocc {
	/*extend #principal .blocc*/
}


/* BAS
-----------------------------------------*/

#footer {
	padding:3px 10px;
	color:#fff;
	background-color:#36566d;
}
#footer ul {
	margin:0;
	padding:0;
}

#footer ul li {
	list-style: none;
	display: inline;
	margin-left:5px;
}

#footer a {
	color:#fff;
	font-size:0.92em;
}

#updated_at {
	float:right;
	font-size:0.83em;
}

#signature {
	width:922px;
	text-align:right;
	padding:4px 0 0 0;
	margin:0 auto;
}

#signature a {
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	font:0.81em/1.3em Arial, sans-serif;
}

#signature a:hover {
	text-decoration:underline;
}


/* BLOC TEXTE
-----------------------------------------*/
.fcktexte{
}

.fcktexte .cloud_tag_1,
#fcktexte .cloud_tag_1 {
	float:left;
	font-size:1.83em;
	/*height:16px;*/
	line-height:17px;
	padding:0 0.5em 10px 0;
}
.fcktexte .cloud_tag_2,
#fcktexte .cloud_tag_2 {
	float:left;
	font-size:1.5em;
	/*height:16px;*/
	line-height:17px;
	padding:0 0.5em 10px 0;
}
.fcktexte .cloud_tag_3,
#fcktexte .cloud_tag_3 {
	float:left;
	font-size:1.23em;
	/*height:16px;*/
	line-height:17px;
	padding:0 0.5em 10px 0;
}
.fcktexte .cloud_tag_4,
#fcktexte .cloud_tag_4 {
	float:left;
	font-size:1em;
	/*height:16px;*/
	line-height:17px;
	padding:0 0.5em 10px 0;
}

.fcktexte a,
#fcktexte a {
	cursor:pointer;
	color:#2b85bb;
	text-decoration:none; 
	outline:none;
}

.fcktexte ul,
#fcktexte ul {
	margin:0 0 7px;
	padding:0 0 0 10px;
}
.fcktexte ul li,
#fcktexte ul li {
	list-style-type: none;
	background:transparent url("../images/ul/puces/puce.gif") 0 3px no-repeat;
	padding:0 0 6px 12px
}

.fcktexte p,
#fcktexte p {
	margin:0 0 0.83em;
	padding:0;
}

.fcktexte .encadre,
#fcktexte .encadre {
	background:#e1edf9 url(../images/ul/tuiles/encadre_top.gif) left top no-repeat;
	padding:10px;
	margin-bottom:10px;
}
.fcktexte .encadre_bottom,
#fcktexte .encadre_bottom {
	display:none;
}

.fcktexte td,
#fcktexte td,
.fcktexte th,
#fcktexte th {
	padding:6px;
	font:1em/1.33em Arial, sans-serif;
}

.fcktexte th,
#fcktexte th {
	background-color:#1a465e;
	color:#fff;
}

.fcktexte .bloc_normal {
	margin-top:15px;
}

.fcktexte .bloc_deroulant {
	margin-top:6px;
	margin-left:-10px;
	margin-right:-10px;
}

.fcktexte a.lien_deroulant {
	display:block;
	text-decoration:none;
	padding:3px 8px 2px 20px;
	line-height:1.3em;
	background:transparent url(../images/ul/graphiques/lien_deroulant.gif) no-repeat left top;
	color:#012C41;
	font-weight:bold;
}
.fcktexte a.lien_deroulant:hover {
	text-decoration:underline;
}

.fcktexte .bloc_deroulant_selected a.lien_deroulant {
	background-position:-476px center;
}

.fcktexte .zone_deroulante {
}

.fcktexte .zone_deroulante_top {
	background-color:#eaf1f7;
	padding:10px;
	border-left:1px solid #8abbd9;
	border-right:1px solid #8abbd9;
}
.fcktexte .zone_deroulante_bottom {
	background:transparent url(../images/ul/graphiques/lien_deroulant_bottom.gif) center top no-repeat;
	height:2px;
	font-size:2px;
	line-height:2px;
}

.fcktexte table {
	border:1px solid #829fb0;
	background-color:#fff;
}

.fcktexte table tr.paire td {
	background-color: #c0cfd7;
}
.fcktexte table td {
	border-top:1px solid #829fb0;
	border-left:1px solid #829fb0;
}
.fcktexte table td.premier_ligne {
	border-top:0;
}
.fcktexte table td.premier_colonne {
	border-left:0;
}

.fcktexte table.transparent {
	border:0;
}
.fcktexte table.transparent tr.paire td {
	background-color: transparent;
}
.fcktexte table.transparent td {
	border:0;
}

.colore {
	color:#f8f63a;
}

.note {
	font:0.81em/1.3em Arial, sans-serif;
}


.bloc_texte ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 15px;
}

.fcktexte img.alignleft,
#fcktexte img.alignleft {
	margin: 0 10px 10px 0;
	float:left;
}

.fcktexte sup,
#fcktexte sup {
	line-height:5px;
	font-size:0.73em;
}

/* DIVERS
-----------------------------------------*/
form {
	margin:0;
}

input, select, textarea {
	border:0;
	padding:2px;
	font:1em/1.2em Arial, sans-serif;
}

.message, .message_succes {
	border:1px solid #d70f0f;
	width:80%;
	margin:10px auto;
	padding:5px;
	background-color:#FFF;
	color:#d70f0f;
	text-align:center;
	line-height:1.3em;
	font-weight:bold;
}

.message_succes {
	border:1px solid #26b147;
	color:#26b147;
}

.erreur {
	color:#f24a4a;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	position:relative;
	top:-10px;
}

.clear {
	clear:both;
	height:10px;
}

a.fichier {
	display:block;
	text-decoration:none;
	background: transparent none 0 2px no-repeat;
	padding:3px 0 3px 21px;
}
a.fichier_pdf {
	background-image:url(/documents/image/icones/pdf.gif);
}
a.fichier_doc {
	background-image:url(/documents/image/icones/doc.gif);
}