/*
	CODE COULEURS :
	0 - Violet
	1 - Gris
	2 - rouge
	4 - vert
	5 - jaune
	839 - bleu
	
	SOMMAIRE DE LA FEUILLE DE STYLE :
	- Ligne 14 :		Styles Generaux
	- Vers 90 :		Gros blocs : Structures qui articulent les pages
	- Vers 260 :	Module colorés : Onglet et items qui changent de couleur en fonction de la rubrique
	- Vers 690 :	Pages spéciales : Mise en page particulière aux pages sommaire, 404, plan du site, etc.
	- Vers 950 :	Elements récurents : Styles passe partout utilisé dans tout le site
	- Vers 1050 :	Texte SPIP : Styles utilisés par SPIP
	- Vers 1130 :	Partie Formulaire
*/

/* ------------------------------------------------------------------------------------------------ */
/* ============================= GENERAL ============================ */
/* ------------------------------------------------------------------------------------------------ */

html {border:0px ;}

div * {
	border: 0;
	padding: 0;
	line-height: 130%;
}

.format_png {behavior: url("win_png.htc");}

/* propriétés de la page */

body {
	position:relative;
	background: #c2c0c1 url(../squelettes/icono/bg.gif) repeat-y center;
	width:1000px; 
	padding: 0;
	margin: 0 auto;
	font: 0/0 Arial, Helvetica, sans-serif;
}

#interieur {
	width: 1000px;
	margin:0;
	*float: none;
}

/* Iframe des petites vidéo qui apparaissent au survol des items */
body#videover {
	width:110px !important; 
	height: 110px !important; 
	display:block; 
	overflow:hidden; 
	zoom:1;
	padding:0;
	margin:0; }
body#videover * {
	overflow: visible !important;
	padding: 0;
	margin: 0 auto;
	font: 0/0 Arial, Helvetica, sans-serif;
}

/*toute les typo meme tailles*/
body, body div, body p, body th, body td, body li, body dd { 
   font-size: x-small; 
   voice-family: "\"}\""; 
   voice-family: inherit; 
   font-size: small; 
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd { 
   font-size: small; 
}

/* Liens non soulignes */

a	{
	text-decoration:none;
	cursor:pointer;
	color:#666;}
a:hover { color:#c53321}
a img 	{border:none}

.sardine {
	margin:0!important;
	padding:0!important;
	font-size:0!important;
	border:0!important;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* ================================== GROS BLOCS  ==================================*/
/* ---------------------------------------( Structures qui articulent les pages)------------------------------------- */

/* ---- Menu haut ---- */

#menu {
	margin: 0 0 20px;
	width: 1000px;
	*float:none;
}
#menu img, .secteur img { margin: 20px 0 0 20px;}
#menuhaut { margin: 20px 0 0 20px; }
.secteur { margin: 15px 0 0 ;}
.secteur object, #menuhaut object {
	margin: 0 5px 0 0;
	font: 0px Arial, Helvetica, sans-serif;
}
.secteur img, #menuhaut img {
	margin: 0;
	position: relative;
	top: -3px; *top:0;}
#menuhaut a { text-align: center; 	width: 114px;}
.secteur a { width:200px;}
#menuhaut #menu2 {	width: 114px;}
#menuhaut #menu4 {	width: 114px;}
#menuhaut #menu5 {	width: 114px;}
#menuhaut #menu839 {	width: 114px;}

#menuhaut .titmenu {
	color: #FFF;
	text-transform:uppercase;
	font: bold 14px Arial, Helvetica, sans-serif;
	height:26px;
	width:114px;
	padding: 3px 0 0;
}
#menuhaut a:hover .titmenu { text-decoration:underline; }

#menuhaut .titmenubg4{	background: url(../squelettes/icono/menu4.png) no-repeat right -1px;}
#menuhaut .titmenubgn{	background: url(../squelettes/icono/menun.png) no-repeat right -1px;}
#menuhaut .titmenubgfin{	background: url(../squelettes/icono/menufin.png) no-repeat right -1px;}
#menuhaut .titmenubg4fin{	background: url(../squelettes/icono/menu4fin.png) no-repeat right -1px;}
#menuhaut .titmenubg1{	background: url(../squelettes/icono/menu1.png) no-repeat right -1px;}
#menuhaut .titmenubg2{	background: url(../squelettes/icono/menu2.png) no-repeat right -1px;}
#menuhaut .titmenubg3{	background: url(../squelettes/icono/menu3.png) no-repeat right -1px;}



/* ----- Bloc general ---- */

.grocontenu {
	width: 672px;
	margin: 0 5px 0 0;
	z-index: 0;}
#interieur .grocontenu { 	margin: 0 0 0 7px; }
#interieur .grocontenu .grocontenu { margin: 0 ; }

.grocnt {
	width: 672px;
	margin: 0 0 20px;}
.grocnt .titre { width: 672px; }
.grocnt .titre .debut { width: 5px; height: 22px; }
.grocnt .titre .fin { width: 7px; height: 22px; }
.grocnt .titre .cnt {
	height: 22px;
	width:655px;
	color: #fff;
	font: bold 1em Arial, Helvetica, sans-serif;
	padding: 2px 5px 0 0;
	text-align: right;}
.grocontenu .titre .cnt { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_cnt5.gif) repeat-x; }
.couleurforum2 .grocontenu .titre .cnt, .grocontenu2 .titre .cnt { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_cnt1.gif) repeat-x; }
.couleurforum4 .grocontenu .titre .cnt, .grocontenu4 .titre .cnt { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_cnt2.gif) repeat-x; }
.couleurforum5 .grocontenu .titre .cnt, .grocontenu5 .titre .cnt { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_cnt3.gif) repeat-x; }
.couleurforum839 .grocontenu .titre .cnt, .grocontenu839 .titre .cnt { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_cnt4.gif) repeat-x; }

.grocontenu .titre .debut { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_debut5.gif) no-repeat; }
.couleurforum2 .grocontenu .titre .debut, .grocontenu2 .titre .debut { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_debut1.gif) no-repeat; }
.couleurforum4 .grocontenu .titre .debut, .grocontenu4 .titre .debut { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_debut2.gif) no-repeat; }
.couleurforum5 .grocontenu .titre .debut, .grocontenu5 .titre .debut { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_debut3.gif) no-repeat; }
.couleurforum839 .grocontenu .titre .debut, .grocontenu839 .titre .debut { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_debut4.gif) no-repeat; }

.grocontenu .titre .fin, .videoseule .grocontenu .titre .fin { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_fin5.gif) no-repeat ; }
.couleurforum2 .grocontenu .titre .fin, body .grocontenu2 .titre .fin { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_fin1.gif) no-repeat; }
.couleurforum4 .grocontenu .titre .fin, body .grocontenu4 .titre .fin { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_fin2.gif) no-repeat; }
.couleurforum5 .grocontenu .titre .fin, body .grocontenu5 .titre .fin { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_fin3.gif) no-repeat; }
.couleurforum839 .grocontenu .titre .fin, body .grocontenu839 .titre .fin { background: #f6f6f6 url(../squelettes/icono/grocnt_tit_fin4.gif) no-repeat; }

.grocnt .titre, .grocnt .cnt { background: #f6f6f6 url(../squelettes/icono/grocnt_cnt.gif) repeat-y right; }
.grocnt .fin { 
	background: url(../squelettes/icono/grocnt_fin.gif) no-repeat;
	width: 672px;
	height: 6px;
}

.grocnt .video {
	width:325px;
	height: 240px;
	margin: 10px 0 0 10px;}
#bloc1 .grocnt .video {height: 250px;}	
#bloc2 .grocnt .video {height: 250px;}

.grocnt .logo { margin: 10px 10px 0 0;}
.grocnt a.texte {
	padding: 10px;
	position: relative;
	top: 10px;
	min-width: 50px;
}

.grocnt .soutitre {
	font: italic 1em/2em Arial, Helvetica, sans-serif;
	display: inline;}
.cnttexte .chapo, .cnttexte .chapo p {font: bold 1em Arial, Helvetica, sans-serif;}
.chapo {min-width: 50px;}
/* gère la mise en page si pas de vidéo au début de l'article */
.margepasvideo.soutitre {
	float:right;
	width: 330px;
	text-align:right;
	margin: 20px 0 9px;}
.margepasvideo.chapo {
	border-top:  1px solid #999;
	padding-top : 10px;
	margin-top : 3px;	
	width: 100%;
}

#bloc1 .outil { margin:0 0 7px !important; }
#bloc1 .grocnt .outil, #bloc1 .grocnt .soutitre {
	width:327px !important;}
#bloc1 .grocnt .txt {
	padding: 0 0 0 5px !important;
	float:none !important;
	width: 315px; !important;}
#bloc1 .txt .titonglet {margin: 0 0 15px !important;}
#bloc1 .spip_documents {margin: 1px 10px 0 0 !important;}

.grocnt .texte .cnt { font: 1em Arial, Helvetica, sans-serif; }
.grocnt .texte .cnt.palarge { width: 200px !important; }
.paragraphes {
	margin:0;
	padding:0;
	width: 100%; } /* découpe le texte en paragraphe afin de faire coincider texte et vidéo via le modèle zapping */
.grocnt .video { background: #f6f6f6; }
.paragraphes.etroit { margin-left:10px; width:540px;}
.videointro { margin: 10px 3px 0 7px ;}
.grocnt .txt {
	margin: 15px 10px 0;
	width: 310px;
}

.grocnt .cnttexte div.cnt { *width: 620px; }
.grocnt .cnttexte form.cnt { *width: 600px; }
body .grocnt .titonglet {margin: 10px 0 0 10px !important;}
.grocontenu .titonglet {width: inherit;}

/* Bouton outils associés à chaque article */

.grocnt .outil {
	width: 280px;
	margin: 14px 0 8px 0;} /* IE et Opera */
.grocnt .outil, x:-moz-any-link {
	width: 280px; 
	margin: 14px 0 8px 0; } /* FireFox 2 */
.grocnt .outil, x:-moz-any-link, x:default {
	width: 280px; 
	margin: 14px 0 8px 10px; } /* FireFox 3 */
 .grocnt .outil a { margin:0 5px 0 0 ;}	
 #interieur .grocnt .outil { margin-left: 0 ;}	

.grocnt .grand.cnt { height: 500px !important; _height: 0px !important;} /* pour les formulaires */
.grocnt .grandpasscroll.cnt {
	height: auto !important;
	overflow: hidden !important;
} /* pour les formulaires */

/* ----- Vidéo survol ----- */

#trailimageid { border: 1px solid #555 !important;}

/* ---------------------- PIED --------------------- */

#pied {
	*float: none;
	width: 1020px;
	padding: 3px 0 1px ;
	background:#918f90;
	text-align: center;
	margin: 20px 0 40px;
	position:relative;
	left: -10px;
	z-index:1;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {#pied {:;padding: 2px 0 5px;} }
#pied a { padding: 0 4px; }

.videopied {
	color: #fff;
	display:block;
	overflow:hidden;
	zoom:1;
	height:100px;
	width: 200px;
	padding: 10px 0;
	margin:0 0 0 325px;
	position:relative;
	left: 75px;
	top: -7px;
	background: #918f90;
	text-align: center;
	z-index: 100;}
	
.videopied object {margin: 10px 68px;}
.videopied font {
	display: block;
	font: bold 1em/150% Arial;
	margin: 0 0 5px;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* ================================ MODULES COLORES  ===============================*/
/* --------------------( Onglet et items qui changent de couleur en fonction de la rubrique )------------------- */

.item {
	margin: 0 4px 0 0;
	min-width: 100px;
}
.item .debut { width:5px; height:87px;}
body .item .video {
	height:77px;
	width: 72px;
	padding: 5px 0;
	margin: 0 !important;
}
/* .item .transit { width:6px; height:87px; } */
body .item .cnt.caclique {	height:0; }
body .item .cnt {
	height:87px;
	width: 200px;
	padding: 0 5px 0 8px;
	color:#fff;}
.item .cnt .tit, .item .cnt .titdate {
	margin: 7px 0 3px;
	width:100%;
	font: bold 12px/115% Arial, Helvetica, sans-serif !important; *font: bold 1.1em Arial, Helvetica, sans-serif;
	*text-decoration: underline;}
.item .cnt .titdate { margin: 3px 0 3px;}	
.item .cnt .date {
	margin: 11px 0 0;
	width:100%;
	font: bold .9em/105% Arial, Helvetica, sans-serif;	
	color: #25301B;
	*text-decoration: underline;}
.item .cnt .txt {
	font: .85em/105% Arial, Helvetica, sans-serif;
	width: 100%;}
body .item1 .cnt { width: 52px;}	
body .item1 { width: 150px; }
.item .fin { width:6px; height:87px; }
.item2over .fin, .item4over .fin, .item5over .fin, .item839over .fin, .item0over .fin , .item.over .fin { width:20px; height:87px; }

.item .debut { background: url(../squelettes/icono/item_debut5.png) no-repeat top left; }
.item2 .debut { background: url(../squelettes/icono/item_debut1.png) no-repeat top left; }
.item4 .debut { background: url(../squelettes/icono/item_debut2.png) no-repeat top left; }
.item5 .debut { background: url(../squelettes/icono/item_debut3.png) no-repeat top left; }
.item839 .debut { background: url(../squelettes/icono/item_debut4.png) no-repeat top left; }
.item0 .debut { background: url(../squelettes/icono/item_debut5.png) no-repeat top left; }
.item1 .debut { background: url(../squelettes/icono/item_debut6.png) no-repeat top left; }

body .item .video { background: url(../squelettes/icono/item_video_cnt5.gif) repeat-x; }
body .item2 .video { background: url(../squelettes/icono/item_video_cnt1.gif) repeat-x; }
body .item4 .video {	 background: url(../squelettes/icono/item_video_cnt2.gif) repeat-x; }
body .item5 .video { background: url(../squelettes/icono/item_video_cnt3.png) repeat-x; }
body .item839 .video { background: url(../squelettes/icono/item_video_cnt4.png) repeat-x; }
body .item0 .video { background: url(../squelettes/icono/item_video_cnt5.gif) repeat-x; }
body .item1 .video { background: url(../squelettes/icono/item_video_cnt6.gif) repeat-x ; }

.item .cnt { background: url(../squelettes/icono/item_cnt5.gif) repeat-x ; }
.item2 .cnt { background: url(../squelettes/icono/item_cnt1.gif) repeat-x ; }
.item4 .cnt { background: url(../squelettes/icono/item_cnt2.gif) repeat-x ; }
.item5 .cnt { background: url(../squelettes/icono/item_cnt3.gif) repeat-x ; }
.item839 .cnt { background: url(../squelettes/icono/item_cnt4.gif) repeat-x ; }
.item0 .cnt { background: url(../squelettes/icono/item_cnt5.gif) repeat-x ; }
.item1 .cnt { background: url(../squelettes/icono/item_cnt6.gif) repeat-x ; }

.item .fin { background: url(../squelettes/icono/item_fin5.png) no-repeat ; }
.item2 .fin { background: url(../squelettes/icono/item_fin1.png) no-repeat ; }
.item4 .fin { background: url(../squelettes/icono/item_fin2.png) no-repeat ; }
.item5 .fin { background: url(../squelettes/icono/item_fin3.png) no-repeat ; }
.item839 .fin { background: url(../squelettes/icono/item_fin4.png) no-repeat ; }
.item0 .fin { background: url(../squelettes/icono/item_fin5.png) no-repeat ; }
.item1 .fin { background: url(../squelettes/icono/item_fin6.png) no-repeat ; }

.item.over .debut { background: url(../squelettes/icono/item_debut5_over.gif) no-repeat top left; }
.item2over.over .debut { background: url(../squelettes/icono/item_debut1_over.gif) no-repeat top left; }
.item4over.over .debut { background: url(../squelettes/icono/item_debut2_over.gif) no-repeat top left; }
.item5over.over .debut { background: url(../squelettes/icono/item_debut3_over.gif) no-repeat top left; }
.item839over.over .debut { background: url(../squelettes/icono/item_debut4_over.gif) no-repeat top left; }
.item0over .debut { background: url(../squelettes/icono/item_debut5_over.gif) no-repeat top left; }

body .item.over .video, .item.over .cnt { background: url(../squelettes/icono/item_cnt5_over.gif) repeat-x ; }
body .item2over.over .video, .item2over.over .cnt { background: url(../squelettes/icono/item_cnt1_over.gif) repeat-x ; }
body .item4over.over .video, .item4over.over .cnt { background: url(../squelettes/icono/item_cnt2_over.gif) repeat-x ; }
body .item5over.over .video, .item5over.over .cnt { background: url(../squelettes/icono/item_cnt3_over.gif) repeat-x ; }
body .item839over.over .video, .item839over.over .cnt { background: url(../squelettes/icono/item_cnt4_over.gif) repeat-x ; }
body .item0over .video, .item0over.over .cnt { background: url(../squelettes/icono/item_cnt5_over.gif) repeat-x ; }

.item.over .fin{ background: url(../squelettes/icono/item_fin5_megover.png) no-repeat 0 -1px; }
.item2over.over .fin { background: url(../squelettes/icono/item_fin1_megover.png) no-repeat 0 -1px; }
.item4over.over .fin { background: url(../squelettes/icono/item_fin2_megover.png) no-repeat 0 -2px; }
.item5over.over .fin { background: url(../squelettes/icono/item_fin3_megover.png) no-repeat ; }
.item839over.over .fin { background: url(../squelettes/icono/item_fin4_megover.png) no-repeat 0 -2px ; }
.item0over.over .fin { background: url(../squelettes/icono/item_fin5_megover.png) no-repeat ; }

/* Spécial fil d'arianne */

.item .cnt .tit_intro {
	font: bold 1em Arial, Helvetica, sans-serif;
	margin: 0 ;+
	width: 200px;}
.item .cnt .txt_intro {
	font: .85em Arial, Helvetica, sans-serif;
	margin: 7px 0 3px;
	width: 100px;}

/* ----- Bloc tititem ---- */

.tititem { 	margin: 0 4px 3px 0; }
.tititemgris {  height:59px; }
.tititem .debut { width:3px; height:56px;}
body .tititem .video {
	height:46px;
	width: 48px;
	padding: 4px 0 6px;
	margin: 0 !important;
	background: url(../squelettes/icono/video_bb.gif) repeat-x bottom; }
.tititem .video_debut { width:6px; height:56px; }

body .tititem .cnt {
	height:56px;
	padding: 0 5px 0 8px;
	color:#fff;}
.tititem .cnt .tit {
	margin: 7px 0 3px;
	width:100%;
	font: bold 13px Arial, Helvetica, sans-serif;}
.grocnt .tititem .cnt .tit { *width: 100px; }
.tititem .cnt .txt {
	font: .85em Arial, Helvetica, sans-serif;
	width: 100%;}
body .tititem1 .cnt { width: 82px;}	
.tititem .fin { width:6px; height:56px; }
.tititem .outils_debut { width:5px; height:56px; }
.tititem .cnt .restreint {
	margin: 10px 0 0 ;
	font: italic .9em Arial, Helvetica, sans-serif;
}

/* Fleches du mini fil d'ariane */
.fleche_retour {
	float: right;
	margin : 5px 2px;
}

.tititem .debut { background: url(../squelettes/icono/tititem_debut5.gif) no-repeat; }
.tititem2 .debut { background: url(../squelettes/icono/tititem_debut1.gif) no-repeat ; }
.tititem4 .debut { background: url(../squelettes/icono/tititem_debut2.gif) no-repeat; }
.tititem5 .debut { background: url(../squelettes/icono/tititem_debut3.gif) no-repeat; }
.tititem839 .debut { background: url(../squelettes/icono/tititem_debut4.gif) no-repeat; }
.tititem0 .debut { background: url(../squelettes/icono/tititem_debut5.gif) no-repeat; }
.tititemgris .debut { background: url(../squelettes/icono/tititem_debutgris.gif) no-repeat; height: 59px;}

body .tititem .video { background: url(../squelettes/icono/tititem_cnt5.gif) repeat-x ; }
body .tititem2 .video { background: url(../squelettes/icono/tititem_cnt1.gif) repeat-x ; }
body .tititem4 .video {	background: url(../squelettes/icono/tititem_cnt2.gif) repeat-x ; }
body .tititem5 .video { background: url(../squelettes/icono/tititem_cnt3.gif) repeat-x ; }
body .tititem839 .video { background: url(../squelettes/icono/tititem_cnt4.gif) repeat-x ; }
body .tititem0 .video { background: url(../squelettes/icono/tititem_cnt5.gif) repeat-x ; }
body .tititemgris .video { background: url(../squelettes/icono/tititem_cntgris.gif) repeat-x ; height: 59px !important;}

.tititem .cnt { background: url(../squelettes/icono/tititem_cnt5.gif) repeat-x ; }
.tititem2 .cnt { background: url(../squelettes/icono/tititem_cnt1.gif) repeat-x ; }
.tititem4 .cnt { background: url(../squelettes/icono/tititem_cnt2.gif) repeat-x ; }
.tititem5 .cnt { background: url(../squelettes/icono/tititem_cnt3.gif) repeat-x ; }
.tititem839 .cnt { background: url(../squelettes/icono/tititem_cnt4.gif) repeat-x ; }
.tititem0 .cnt { background: url(../squelettes/icono/tititem_cnt5.gif) repeat-x ; }
.tititemgris .cnt { background: url(../squelettes/icono/tititem_cntgris.gif) repeat-x ; height: 59px !important; }

.tititem .fin { background: url(../squelettes/icono/tititem_fin5.gif) no-repeat ; }
.tititem2 .fin { background: url(../squelettes/icono/tititem_fin1.gif) no-repeat ; }
.tititem4 .fin { background: url(../squelettes/icono/tititem_fin2.gif) no-repeat ; }
.tititem5 .fin { background: url(../squelettes/icono/tititem_fin3.gif) no-repeat ; }
.tititem839 .fin { background: url(../squelettes/icono/tititem_fin4.gif) no-repeat ; }
.tititem0 .fin { background: url(../squelettes/icono/tititem_fin5.gif) no-repeat ; }
.tititemgris .fin { background: url(../squelettes/icono/tititem_fingris.gif) no-repeat ; height: 59px;}

.tititem2over .debut { background: url(../squelettes/icono/tititem_debut1_over.gif) no-repeat top left; }
.tititem4over .debut { background: url(../squelettes/icono/tititem_debut2_over.gif) no-repeat top left; }
.tititem5over .debut { background: url(../squelettes/icono/tititem_debut3_over.gif) no-repeat top left; }
.tititem839over .debut { background: url(../squelettes/icono/tititem_debut4_over.gif) no-repeat top left; }
.tititem0over .debut { background: url(../squelettes/icono/tititem_debut5_over.gif) no-repeat top left; }

body .tititem2over .video, .tititem2over .cnt { background: url(../squelettes/icono/tititem_cnt1_over.gif) repeat-x ; }
body .tititem4over .video, .tititem4over .cnt { background: url(../squelettes/icono/tititem_cnt2_over.gif) repeat-x ; }
body .tititem5over .video, .tititem5over .cnt { background: url(../squelettes/icono/tititem_cnt3_over.gif) repeat-x ; }
body .tititem839over .video, .tititem839over .cnt { background: url(../squelettes/icono/tititem_cnt4_over.gif) repeat-x ; }
body .tititem0over .video, .tititem0over .cnt,  { background: url(../squelettes/icono/tititem_cnt5_over.gif) repeat-x ; }

.tititem2over .fin { background: url(../squelettes/icono/tititem_fin1_over.png) no-repeat ; }
.tititem4over .fin { background: url(../squelettes/icono/tititem_fin2_over.png) no-repeat ; }
.tititem5over .fin { background: url(../squelettes/icono/tititem_fin3_over.png) no-repeat ; }
.tititem839over .fin { background: url(../squelettes/icono/tititem_fin4_over.png) no-repeat ; }
.tititem0over .fin { background: url(../squelettes/icono/tititem_fin5_over.png) no-repeat ; }


/* Le module "outils" est basé sur .tititem : seul 2 fonds changent
	Il n'existe pour l'instant qu'en violet 
*/

.tititem2 .outils_debut { background: url(../squelettes/icono/tititem_outils_debut0.gif) no-repeat ; }
.tititem4 .outils_debut { background: url(../squelettes/icono/tititem_outils_debut0.gif) no-repeat ; }
.tititem5 .outils_debut { background: url(../squelettes/icono/tititem_outils_debut0.gif) no-repeat ; }
.tititem839 .outils_debut { background: url(../squelettes/icono/tititem_outils_debut0.gif) no-repeat ; }
.tititem0 .outils_debut { background: url(../squelettes/icono/tititem_outils_debut0.gif) right no-repeat ; }
.tititem1 .outils_debut { background: url(../squelettes/icono/tititem_outils_debut0.gif) no-repeat ; }

.tititem2 .video_debut { background: url(../squelettes/icono/tititem_video_debut0.gif) no-repeat ; }
.tititem4 .video_debut { background: url(../squelettes/icono/tititem_video_debut0.gif) no-repeat ; }
.tititem5 .video_debut { background: url(../squelettes/icono/tititem_video_debut0.gif) no-repeat ; }
.tititem839 .video_debut { background: url(../squelettes/icono/tititem_video_debut0.gif) no-repeat ; }
.tititem0 .video_debut { background: url(../squelettes/icono/tititem_video_debut0.gif) no-repeat ; }
.tititem1 .video_debut { background: url(../squelettes/icono/tititem_video_debut0.gif) no-repeat ; }

/* ----- onglets ---- */

.titonglet, .onglet {	margin: 0 0 2px  !important;}
.grocnt .titonglet, .grocnt .onglet  {
	width: 255px; 
	margin: 20px 0 0  !important;}

.onglet .debut { width:10px; height:70px; }
.titonglet .debut {
	width:10px !important;
	height:50px !important;
}

body .titonglet .video, body .onglet .video {
	height:60px !important;
	width: 63px !important;
	margin: 0 !important;
	padding: 9px 0 0 !important;
}

body .titonglet .video{
	height:47px !important;
	width: 51px !important; *width: 50px !important;
	padding: 2px 0 0 !important;
	background: url(../squelettes/icono/video_bb.gif) repeat-x bottom;}
.titonglet .cnt, body .onglet .cnt {
	height:21px !important;
	width: auto !important;	
	margin: 46px 0 0 !important;	
	padding: 3px 5px 0 8px !important;
	font:  bold 13px Arial, Helvetica, sans-serif !important;}
/* pour IE7 */
#onglets .titonglet {*min-width: 220px;}
#onglets .titonglet .cnt {*min-width: 135px;}
#onglets .titonglet.rapetisse {*min-width: 120px;}
#onglets .titonglet.rapetisse .cnt { *min-width: 50px;} 
.titonglet .cnt {margin: 26px 0 0 !important;}
.titonglet *, body .onglet *{ 	color:#fff !important;}
.onglet .fin { width:10px ; height:70px; *width: 10px; }
.titonglet .fin {
	width: 10px !important;
	height:50px;
}

body .titonglet .debut, body .onglet .debut { background: url(../squelettes/icono/onglet_debut5.png) no-repeat left; margin:  0 !important; *width:9px !important; }
body .titonglet2 .debut, body .onglet2 .debut { background: url(../squelettes/icono/onglet_debut1.png) no-repeat left !important; *width:9px !important;}
body .titonglet4 .debut, body .onglet4 .debut { background: url(../squelettes/icono/onglet_debut2.png) no-repeat left; }
body .titonglet5 .debut, body .onglet5 .debut { background: url(../squelettes/icono/onglet_debut3.png) no-repeat left; margin: 1px 0 0 !important; }
body .titonglet839 .debut, body .onglet839 .debut { background: url(../squelettes/icono/onglet_debut4.png) no-repeat left; }
body .titonglet0 .debut, body .onglet0 .debut { background: url(../squelettes/icono/onglet_debut5.png) no-repeat left; }
body .titongletgris .debut, body .ongletgris .debut { background: url(../squelettes/icono/onglet_debutgris.gif) no-repeat bottom; }
body .titonglet2 .debut { background-position: 0 -20px !important; }

body .titonglet .debut { background: url(../squelettes/icono/onglet_tidebut5.png) no-repeat left; }
body .titonglet2 .debut { background: url(../squelettes/icono/onglet_tidebut1.png) no-repeat left; }
body .titonglet4 .debut { background: url(../squelettes/icono/onglet_tidebut2.png) no-repeat left; }
body .titonglet5 .debut { background: url(../squelettes/icono/onglet_tidebut3.png) no-repeat left; }
body .titonglet839 .debut { background: url(../squelettes/icono/onglet_tidebut4.png) no-repeat left; }
body .titonglet0 .debut { background: url(../squelettes/icono/onglet_tidebut5.png) no-repeat left; }
body .titongletgris .debut { background: url(../squelettes/icono/onglet_debutgris.gif) no-repeat bottom; }

#interieur .grocnt .cnttexte .titonglet .cnt, body .titonglet .cnt, body .onglet .cnt { background: url(../squelettes/icono/onglet_cnt5.png) repeat-x bottom; }
#interieur .grocnt .cnttexte .titonglet2 .cnt, body .titonglet2 .cnt, body .onglet2 .cnt { background: url(../squelettes/icono/onglet_cnt1.png) repeat-x bottom; }
#interieur .grocnt .cnttexte .titonglet4 .cnt, body .titonglet4 .cnt, body .onglet4 .cnt { background: url(../squelettes/icono/onglet_cnt2.png) repeat-x bottom; }
#interieur .grocnt .cnttexte .titonglet5 .cnt, body .titonglet5 .cnt, body .onglet5 .cnt { background: url(../squelettes/icono/onglet_cnt3.png) repeat-x bottom; }
#interieur .grocnt .cnttexte .titonglet839 .cnt, body .titonglet839 .cnt, body .onglet839 .cnt { background: url(../squelettes/icono/onglet_cnt4.png) repeat-x bottom; }
#interieur .grocnt .cnttexte .titonglet0 .cnt, body .titonglet0 .cnt, body .onglet0 .cnt { background: url(../squelettes/icono/onglet_cnt5.png) repeat-x bottom; }
#interieur .grocnt .cnttexte .titongletgris .cnt, body .titongletgris .cnt, body .ongletgris .cnt { background: url(../squelettes/icono/onglet_cntgris.gif) repeat-x bottom; }

body .titonglet .fin, body .onglet .fin { background: url(../squelettes/icono/onglet_fin5.png) no-repeat bottom; }
body .titonglet2 .fin, body .onglet2 .fin { background: url(../squelettes/icono/onglet_fin1.png) no-repeat bottom; }
body .titonglet4 .fin, body .onglet4 .fin { background: url(../squelettes/icono/onglet_fin2.png) no-repeat bottom; }
body .titonglet5 .fin, body .onglet5 .fin { background: url(../squelettes/icono/onglet_fin3.png) no-repeat bottom; }
body .titonglet839 .fin, body .onglet839 .fin { background: url(../squelettes/icono/onglet_fin4.png) no-repeat bottom; }
body .titonglet0 .fin, body .onglet0 .fin { background: url(../squelettes/icono/onglet_fin5.png) no-repeat bottom; }
body .titongletgris .fin, body .ongletgris .fin { background: url(../squelettes/icono/onglet_fingris.png) no-repeat bottom;}

body .titonglet2over .debut {
	background: url(../squelettes/icono/onglet_debut1_over.png) no-repeat left bottom;
	width: 10px !important;}
body .titonglet4over .debut {
	background: url(../squelettes/icono/onglet_debut2_over.png) no-repeat left bottom;
	width: 10px !important; }
body .titonglet5over .debut {
	background: url(../squelettes/icono/onglet_debut3_over.png) no-repeat left bottom;
	width: 10px !important;}
body .titonglet839over .debut {
	background: url(../squelettes/icono/onglet_debut4_over.png) no-repeat left bottom;
	width: 10px !important;}
body .titonglet0over .debut {
	background: url(../squelettes/icono/onglet_debut5_over.png) no-repeat left bottom;
	width: 10px !important;}
body .titonglet2over .cnt, body .onglet2over .cnt { background: url(../squelettes/icono/onglet_cnt1_over.png) repeat-x bottom; }
body .titonglet4over .cnt, body .onglet4over .cnt { background: url(../squelettes/icono/onglet_cnt2_over.png) repeat-x bottom; }
body .titonglet5over .cnt, body .onglet5over .cnt { background: url(../squelettes/icono/onglet_cnt3_over.png) repeat-x bottom; }
body .titonglet839over .cnt, body .onglet839over .cnt { background: url(../squelettes/icono/onglet_cnt4_over.png) repeat-x bottom; }
body .titonglet0over .cnt, body .onglet0over .cnt { background: url(../squelettes/icono/onglet_cnt5_over.png) repeat-x bottom; }

body .titonglet2over .fin, body .onglet2over .fin {
	background: url(../squelettes/icono/onglet_fin1_over.png) no-repeat bottom;
	width:15px !important;}
body .titonglet4over .fin, body .onglet4over .fin {
	background: url(../squelettes/icono/onglet_fin2_over.png) no-repeat 0 26px; 
	height: 49px;
	width:15px !important;}
body .titonglet5over .fin, body .onglet5over .fin {
	background: url(../squelettes/icono/onglet_fin3_over.png) no-repeat 0 25px ; 
	width:15px !important;}
body .titonglet839over .fin, body .onglet839over .fin {
	background: url(../squelettes/icono/onglet_fin4_over.png) no-repeat bottom; 
	width:15px !important;}
body .titonglet0over .fin, body .onglet0over .fin {
	background: url(../squelettes/icono/onglet_fin5_over.png) no-repeat bottom; 
	width:15px !important;}

/* Le titonglet xxl sert notament pour le bouton "Se déconnecter" Il peut être utilisé pour d'autres boutons */

.grocnt .titonglet.xxl {	width: 320px; }
#interieur .grocnt .titonglet.xxl .video { margin: 0 ;}

/* Titonglet form */

#interieur .titonglet.form {
	height: 45px !important;
	width: 600px !important;
	margin:0 !important;
	padding:0 !important;
}

.titonglet.form .debut { width: 7px !important; }
.titonglet.form .debut, .titonglet.form .fin { margin: 2px 0 0 !important;}
#interieur .titonglet.form .cnt {
	margin: 28px 0 0 !important;
	padding: 0 6px !important;}
#interieur .titonglet.form .cnt .italic { font-size: 12px; }
.titonglet.form .video { margin: 0 !important;}

/* ----- Boutons ---- */

.btsite {
	width: 325px; 
	margin: 0px 0 20px;}
.btsite.forum{ margin: 5px 0 10px 190px; }
.btsite.forum .cnt{
	float:left !important;
	left:0;
	top:0;
}

body .btsite.forum .videoitem{ 
	display:block !important;
	overflow:hidden !important;
	width: 51px !important;
}

.btsite .debut { width:10px; height:24px; }
body .btsite .cnt {
	height:24px;
	padding: 0 5px 2px 8px;
	margin-left: 0;
	font: bold 1em Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	background-position: bottom;}
.btsite .fin { width:11px; height:24px; }

body #interieur .btsite .debut, body #interieur .secteur .btsite .debut { background: url(../squelettes/icono/bt_debut5.png) no-repeat bottom; }
body #interieur .couleurforum2 .btsite .debut, body #interieur .secteur2 .btsite .debut { background: url(../squelettes/icono/bt_debut1.png) no-repeat bottom; }
body #interieur .couleurforum4 .btsite .debut, body #interieur .secteur4 .btsite .debut { background: url(../squelettes/icono/bt_debut2.png) no-repeat bottom; }
body #interieur .couleurforum5 .btsite .debut, body #interieur .secteur5 .btsite .debut { background: url(../squelettes/icono/bt_debut3.png) no-repeat bottom; }
body #interieur .couleurforum839 .btsite .debut, body #interieur .secteur839 .btsite .debut { background: url(../squelettes/icono/bt_debut4.png) no-repeat bottom; }
body #interieur .secteur .btsite .debut { background: url(../squelettes/icono/bt_debut6.png) no-repeat bottom; }

body #interieur .grocnt  .btsite .cnt, body #interieur .grocnt  .secteur .btsite .cnt  { background: url(../squelettes/icono/onglet_cnt5.png) repeat-x bottom; }
body #interieur .couleurforum2 .btsite .cnt, body #interieur .secteur2 .btsite .cnt { background: url(../squelettes/icono/onglet_cnt1.png) repeat-x bottom ; }
body #interieur .couleurforum4 .btsite .cnt, body #interieur .secteur4 .btsite .cnt { background: url(../squelettes/icono/onglet_cnt2.png) repeat-x bottom ; }
body #interieur .couleurforum5 .btsite .cnt, body #interieur .secteur5 .btsite .cnt { background: url(../squelettes/icono/onglet_cnt3.png) repeat-x bottom; }
body #interieur .couleurforum839 .btsite .cnt, body #interieur .secteur839 .btsite .cnt { background: url(../squelettes/icono/onglet_cnt4.png) repeat-x bottom; }
body #interieur .secteur .btsite .cnt { background: url(../squelettes/icono/onglet_cnt6.png) repeat-x bottom ; }

body #interieur .btsite .fin, body #interieur .secteur .btsite .fin { background: url(../squelettes/icono/onglet_fin5.png) no-repeat bottom; }
body #interieur .couleurforum2 .btsite .fin, body #interieur .secteur2 .btsite .fin { background: url(../squelettes/icono/onglet_fin1.png) no-repeat bottom; }
body #interieur .couleurforum4 .btsite .fin, body #interieur .secteur4 .btsite .fin { background: url(../squelettes/icono/onglet_fin2.png) no-repeat bottom; }
body #interieur .couleurforum5 .btsite .fin, body #interieur .secteur5 .btsite .fin { background: url(../squelettes/icono/onglet_fin3.png) no-repeat bottom; }
body #interieur .couleurforum839 .btsite .fin, body #interieur .secteur839 .btsite .fin { background: url(../squelettes/icono/onglet_fin4.png) no-repeat bottom; }
body #interieur .secteur .btsite .fin { background: url(../squelettes/icono/onglet_fin6.png) no-repeat bottom; }

/* --------------------------------------------------------------------------------------------------------------------- */
/* ================================= PAGES SPECIALES  ================================*/
/* ------------------( Mise en page particulière aux pages sommaire, 404, plan du site, etc. )------------------ */

/* ----- Sommaire ----- */

.item_onglets .liste {
	margin: 0 0 5px;
	display:block;
	overflow: auto !important;
	float:left;
	height:323px;
	width: 328px !important;}
#bloc1, #bloc2, #bloc3, #bloc4, #bloc_interieur {width:1000px; *float:none;}
#bloc3 { margin: 20px 0 0;}

.item_onglets {width:320px; *width:318px;}
#liste_bas {
	margin: 52px 0 0;
	width: 323px;
}
#liste_bas .item .cnt {width: 209px; *width: 200px; }

.item_onglets #onglet_motcle {
	z-index: 10;
	position: relative;
	cursor: pointer;}
.item_onglets #onglet_agenda {
	z-index:1;
	position: relative;
	left: -10px;
	cursor: pointer;	
}

.item_onglets .liste {
	position:relative;
	top: -1px;
	width:321px !important; *width:328px;
}

.item_onglets .liste .tititem .cnt {
	width: 78px;
	font: bold .9em Arial, Helvetica, sans-serif;
}

#bloc1 .grocnt .txt {min-height: 240px;}
#bloc .grocnt .txt {min-height: 240px;}

/* Les liens "caclique" n'apparaissent pas tant que la bibliothèque jquery n'est pas chargée */
.caclique { height:0; width: 0; }

/* ---- IE6 ---- */

#ie6 #menu img{ 
	margin: 20px 0 0 430px;
	text-align: center; }
#ie6  .grocontenu { margin: 0 0 0 145px;  _margin: 0 0 0 80px; }
#ie6  .grocontenu .cnt {	height: 550px !important; }
#ie6 .grocontenu .texte {
	display:block;
	overflow:hidden;
	zoom:1;
	text-align:left;
	margin: 0 auto;
	width: 635px;
}

#ie6 .video {
	width: 660px;
	margin: 10px 6px 20px;
}

#ie6 .cnt p {
	margin: 10px 0 10px;
	font: 14px Arial, Helvetica, sans-serif;
	text-align:left;
	width: 575px;}
#ie6 .cnt  {
	padding-bottom: 3px;
	text-align: center;}
#ie6 .cnt .fin { margin: 0; }
#ie6 .gras { color:#87255e;}
#ie6 .cnt a { 
	color: #a72125;
	text-decoration: underline;}
#ie6 .cnt a:hover { 	text-decoration: none;}
#ie6 .grocnt .titre .cnt { height: 20px !important;  } /* pour les formulaires */

/* ----- Page avec message (Page 404) ----- */

#message {	width:100%:}
#message .grocontenu { margin: 0 0 0 160px; }

/* ----- Pages interieures ----- */

#interieur #onglets {
	width: 1035px; *width: 1000px;
	*padding: 0 0 5px;
	margin: 0 0 3px;
	z-index:100;
	overflow:visible;
}

#onglets .relatif { *min-width: 150px; }
#onglets .titonglet { height: 51px;}

#interieur #gauche, #plan .gauche {
	width:320px; *width:320px;
	margin: 0;}
#gauche .tititem, .large .tititem { width: 310px !important; }
	
#interieur #bloc_interieur { width: 1000px; }
#interieur #bloc_interieur .tit , #interieur #gauche .tit { font: bold .9em Arial, Helvetica, sans-serif; }
#interieur #gauche .item { width: 500px ;}
#interieur #bloc_interieur .item { width: 310px ;}
#interieur #bloc_interieur .cnt, #interieur #gauche .cnt { width: 210px; _width: 215px;}
#interieur #bloc_interieur .onglet .cnt, #interieur #gauche .onglet .cnt { width: 200px; }
#interieur #bloc_interieur .tititem .cnt , #interieur #gauche .tititem .cnt, .large .tititem .cnt { width: 233px; margin-bottom: 3px; }
#interieur .grocnt .tititem { *width: 190px; }

#gauche .titonglet {min-width: 150px;}

/* Plan du site */

#plan {
	width: 930px;
	margin: 15px 0 0 30px;}
#plan .englobe { width: 930px !important; margin:0; }
#plan .grobouton { height:50px;}
#plan .onglet { width: 230px; margin: 0 900px 0 0 !important;}
#plan .cnt { width: 210px; _width: 215px;}
#plan .tititem .cnt { width: 236px; _width: 241px;}
.petiteteindre { margin: 0 0 10px; *padding: 0 0 5px; }


#interieur .grocontenu .date, #interieur .grocontenu .ps {
	border-top: 1px dotted #888 !important;
	margin: 5px 0 ;
	text-align: right;
	padding: 5px 0 10px;
	width : 100%;
	font-weight:bold;}
#interieur .grocontenu .date {font-style:italic;}

/* Contenu principal des pages intérieures */

#interieur .grocnt .cnttexte {
		width: 642px;
		padding: 0 15px;
		overflow: auto;
		height: 400px;}
#interieur .grocnt .cnttexte.xxl { height: 1150px;}

		
#interieur #reactions.grocnt .cnttexte {
	height: inherit;
	padding: 0 15px 10px;}
#interieur .grocnt .court {height:210px}
#interieur .grocnt .cnttexte .cnt {background: none;}
#interieur .grocnt .cnt .video {
	width:338px;
	margin: 14px 7px 10px 0;}

#interieur #reactions .item { width: 630px; margin : 10px 0;}
#interieur #reactions .item .tivideo { width: 220px; }
#interieur #reactions .droite { width: 400px !important; }
#interieur #reactions .droite .tit { font: bold 14px Arial; }
#interieur #reactions .droite .txt{
	margin: 5px 0;
	width: 400px;
}

/* Sous menu */

.smenu {
	width:1000px;
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	z-index: 100;
	margin: 52px 0 0;
}

/* Mots cles */

.mot_cle {
	margin: 10px 0 0 ;
	width: 672px;}
#interieur .grocnt .mot_cle .tititem .video { width: 50px;}
#interieur .grocnt .mot_cle { font-size: 0px !important; }

/* ---- Agenda ---- */

div#calendar table{
	width: 305px;
	font-size: 0.8em;
	text-align: center;
	margin: 0 1px 10px ;
	border-collapse: collapse;
	background: #f6f6f6;
	border: 1px solid #c2c0c1;
}

div#calendar table caption{
	margin: 0 1px;
	background: url(../squelettes/icono/onglet_cnt2.png) repeat-x bottom; 
	color: #fff;
	font: bold 1.1em Arial;
	padding: 2px 0;
	height: 22px;
	width: 305px;}
div#calendar table caption a {	color:#fff;}

div#calendar table th{
	color: #666;
	padding: 0 0 2px;
}

div#calendar table td{
	width: 14%;
	line-height: 1.7em;
	border: 1px solid #c2c0c1;
}

div#calendar table td a{
	display: block;
	background: #97b53b;
	line-height: 1.7em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

div#calendar table td.today a{	border: 1px solid #493;}
div#calendar table td a:hover{
	background: #657431;
	color: #fff;}
div#calendar table td.today a:hover{	border: 1px solid #636;}
div#calendar span{	display: none;}

.icone_cal {padding: 11px 0 5px 2px ;}
.courttit{
	width: 160px;
	padding: 11px  0 0 12px;
	font: bold 12px Arial, Helvetica, sans-serif;
}



/* -------- Vidéo seule -------- */

.videoseule .grocnt .titre { width: 550px; }
.videoseule .grocnt .titre .cnt{ width: 533px; }
.videoseule .grocnt .cnttexte { width: 520px !important; }
.videoseule .grocnt .fin { background: url(../squelettes/icono/zoomcnt_fin.gif) no-repeat; }
.videoseule .grocnt .cnt .video {
	width: 513px !important;
	height: 380px;
}


/* ========================== PAGE IMPRIMER ========================== */

body.imprimer {
	width:100%;
	text-align : left;
	border:none;
	text-align:left;
	background:none;
}

.imprimer .bt_imprimer {
	border-bottom: 3px solid #918f90;
	padding: 10px 20px 7px 0;
	color:#6b696a;
	margin: 0 0 10px;
	background: #e2e2e2; 
	width:580px;
	text-align:right;
}

.imprimer .bt_imprimer a {
	color: #6b696a;
	padding: 0px 5px 0px ;
	font: .85em Arial, Helvetica, sans-serif;}
.imprimer .bt_imprimer a:hover, a.imprimer:hover, a.hautdepage:hover {
	color: #918f90;
	text-decoration: underline;
}

.imprimer #articles {
	width: 530px;
	padding : 0 18px;
	text-align:left !important;
}

.imprimer #article .chapo {
	width:530px;
	margin: 10px 0 0px;
	padding:0;
	background:#FFFFFF;
	font: bold 1em/130% Verdana, Arial, Helvetica, sans-serif;
}

.imprimer #col2_court {
	margin:0 20px; 
	width: 540px;
}
.imprimer #col2_court p {*font: .85em/140%	 Arial, Helvetica, sans-serif;}

.imprimer .article .cnt, .imprimer .article .ligne, .imprimer li.spip { margin: 0 10px; width: 500px;}
body.imprimer #col2 #article .logo {border-width:2px;}
body.imprimer dl.spip_documents {
	background-color:#fff !important;
	border: 1px solid #000;
	color:#000 !important;}
	
/* --------------------------------------------------------------------------------------------------------------------- */
/* =============================== ELEMENTS RECURENTS  ==============================*/
/* --------------------------------( Styles passe partout utilisé dans tout le site )-------------------------------- */

.module {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
}

.relatif {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	position: relative;
}

.invisible {display:none; }
.touvisible .invisible {display:block; }
.visible {display:block !important; }
.gras {font-weight:bold !important;}
.italic {font-style:italic !important;}
.majuscule { font-variant:small-caps; color:#5497e2; }
.large {width: 100%;}
.rouge { color:red; font-weight:bold; }

/* Couleurs dynamiques */

.couleur5, .couleur  {color:#862a5b; }
.couleur1 {color:#87181e; }
.couleur2 {color:#708633; }
.couleur3 {color:#df6f27; }
.couleur4 {color:#203c6e; }
.couleur839 {color:#5b595a; }

.couleurforum .formulaire_spip a, 		.grocnt .cnttexte a { color: #752954; }
.couleurforum2 .formulaire_spip a, 	.grocontenu2 .cnttexte a { color: #92000f; }
.couleurforum4 .formulaire_spip a, 	.grocontenu4 .cnttexte a { color: #798f35; }
.couleurforum5 .formulaire_spip a, 	.grocontenu5 .cnttexte a { color: #df7125; }
.couleurforum839 .formulaire_spip a, .grocontenu839 .cnttexte a { color: #203e71; }

.bord, .bord5 {border: 1px solid #862a5b; }
.bord1 {border: 1px solid #87181e; }
.bord2 {border: 1px solid #708633; }
.bord3 {border: 1px solid #df6f27; }
.bord4 {border: 1px solid #203c6e; }
.bord839 {border: 1px solid  #5b595a; }

.secteur .formulaire_login_forum legend, .grocnt h3.spip { border-bottom: 2px solid #862a5b; }
.secteur2 .formulaire_login_forum legend, .grocontenu2 h3.spip { border-bottom: 2px solid #87181e; }
.secteur4 .formulaire_login_forum legend, .grocontenu4 h3.spip { border-bottom: 2px solid #627132;  }
.secteur5 .formulaire_login_forum legend, .grocontenu5 h3.spip { border-bottom: 2px solid #203c6e;  }
.secteur839 .formulaire_login_forum legend, .grocontenu839 h3.spip { border-bottom: 2px solid #5b595a;  }

.secteur .formulaire_login_forum input.forml, .grocontenu .spip_forms  .radio, .grocontenu .spip_forms .forml {border: 2px solid #862a5b; }
.secteur2 .formulaire_login_forum input.forml, .grocontenu2 .spip_forms  .radio, .grocontenu2 .spip_forms .forml {border: 2px solid #87181e; }
.secteur4 .formulaire_login_forum input.forml, .grocontenu4 .spip_forms  .radio, .grocontenu4 .spip_forms .forml {border: 2px solid #708633; }
.secteur5 .formulaire_login_forum input.forml, .grocontenu5 .spip_forms  .radio, .grocontenu5 .spip_forms .forml  {border: 2px solid #df6f27; }
.secteur839 .formulaire_login_forum input.forml, .grocontenu839 .spip_forms  .radio, .grocontenu839 .spip_forms .forml  {border: 2px solid #203c6e; }

.grocontenu .margegauche .item { border-left: 3px solid #862a5b; }
.grocontenu2 .margegauche .item { border-left: 3px solid #87181e; }
.grocontenu4 .margegauche .item { border-left: 3px solid #708633; }
.grocontenu5 .margegauche .item { border-left: 3px solid #df6f27; }
.grocontenu839 .margegauche .item { border-left: 3px solid #203c6e; }


.alert {
	display:block;
	overflow:hidden;
	zoom:1;
	border: 2px solid #89171c;
	padding: 5px 0px ;
	margin: 15px auto 0px;
	text-transform:uppercase;
	font : bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	width: 470px;
	background: #bb2026;}
.grocnt .alert a { color:#f7a31c ;}
.grocnt .alert { width: 620px; }

/* ---------------------------------------------------------------------------------------------------------------------- */
/* =================================== TEXTE SPIP  =)=================================*/
/* ---------------------------------------------( Styles utilisés par SPIP )--------------------------------------------- */

/* Ces css prennent en compte le couteau suisse */ 

/* Zapping */

span.zapping, font.zapping, a.zapping {
	cursor:pointer;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #b31f24;
}

/* ---- Paragraphes ---- */

p.spip_note, p.spip, ul.spip  {
	display:block;
	margin: 10px 0px ;
	font: 1em/120% Arial, Helvetica, sans-serif;
	text-align:justify;}
.imprimer p.spip { width: 530px; }

ul.spip li, li.spip {
	text-indent:0px;
	background:url(../squelettes/icono/puce_ronde2.gif) no-repeat 0 5px;
	padding : 0px 0px 0px 15px;
	font: 1em/120% Arial, Helvetica, sans-serif;
	list-style: none;}
li.spip li.spip {	background:url(../squelettes/icono/puce_ronde2.gif) no-repeat 1px 5px;}
li.spip ul.spip {	margin: 0;}

/* ---- Liens ---- */

.spip_out, p.spip_note a, p.spip a, .spip_in, #col11 .spip_glossaire{	font-weight:bold;}
.spip_out{	padding: 0px 0px 0px 15px !important;}

.grocontenu .spip_out{ background:url(../squelettes/icono/puce_out_violet.png) no-repeat 0 3px; }
.grocontenu2 .spip_out{ background:url(../squelettes/icono/puce_out_rouge.png) no-repeat 0 3px; }
.grocontenu4 .spip_out{ background:url(../squelettes/icono/puce_out_vert.png) no-repeat 0 3px; }
.grocontenu5 .spip_out{ background:url(../squelettes/icono/puce_out_jaune.png) no-repeat 0 3px; }
.grocontenu839 .spip_out{ background:url(../squelettes/icono/puce_out_bleue.png) no-repeat 0 3px; }

.spip_out:hover, p.spip_note a:hover, p.spip a:hover, .spip_in:hover, .spip_glossaire:hover, .spip_out:hover {color:#feaa04;}

hr.spip {border-bottom: 2px dotted #03406f}

/* ---- Titres ---- */

h3.spip, .cs_blocs h4 {
	margin: 10px 0px !important;
	font: bold 1.2em Arial, Helvetica, sans-serif !important;
	color: #666 !important;	}	
	
.cs_blocs h4	 {
	background-position: left 1px !important;
}

/* ---- Tableaux ---- */

table {
	cellpadding: 0;
	cellspacing: 0;
	border-collapse:collapse;
}

table.spip, table.spip td, table.spip th {
	border: 1px solid #93b7c4;
	padding: 3px 10px;
	border-collapse: collapse;}
	
table.spip {
	margin: 2px 0 8px;
	border-width: 1px 1px 1px 2px;	
}

table.spip th {
	background: #03406f;
	color: #fff;
	font-size: 1.3em;}

.row_odd {background:#e6eef5;}

/* Tableaux form & table */

.fragment {
	display:block;
	overflow:hidden;
	float:left;
}


/* ---- Notes ---- */

.note {
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 2px dotted #CFC2BC;
}

/* ---- Documents ---- */

dl.spip_documents {
	display:block;
	overflow:hidden;
	zoom:1;
	/*Guillaume*/
	/*background:#ebf59b;*/
	/*padding: 10px 10px 10px;*/
	text-align:center;
	color: #fff;
}

/*Guillaume*/
dl.spip_documents_left {margin : 0 0 0 0;}
dt.spip_doc_titre{
display:none;
}
/*Fin Guillaume*/

.spip_documents_left {margin : 15px 10px 10px 0;}
.spip_documents_right {margin : 15px 10px 0 10px;}
.spip_documents_center{ text-align:center; margin : 15px auto 0;}
.spip_documents_center * { text-align:center; margin : 0 auto;}
.spip_documents_center, .spip_documents_center .spip_doc_descriptif, .spip_documents_center .spip_doc_titre { width: auto !important;}
.spip_doc_descriptif {font: 1em/110% Verdana, Arial, Helvetica, sans-serif;}
#col2 dl, #col2 dt, #col2 dd {width: auto !important;}

/* ------------------------------------------------------------------------------------------------ */
/* ======================== PARTIE FORMULAIRE ======================== */
/* ------------------------------------------------------------------------------------------------ */

/* ======================= ENVOYER À UN AMI ======================= */

#interieur .grocontenu .outil .note {
background-color: #fff ;
padding: 5px 10px;
width: 255px;
border: 1px solid #c5c5c5;
}

#interieur .grocontenu .envoiamiForm, #interieur .grocontenu .envoiamiCode {
border: 1px solid #c5c5c5;
margin: 5px 20px 5px 0;
width: 180px;
}

#interieur .grocontenu .outil textarea {
width: 247px;
height: 180px;
margin: 5px 0 10px;
}

.outil .envoiamiCacher {display: none;}
.outil #kapcha_text img {margin: 0 0 3px; }

.outil .bouton {
	border: 1px solid #c5c5c5;
	padding: 0;
	margin: 10px 0 5px;
	font: bold .9em Arial;
	color: #6b696a;
	background-color: #e2e2e2;
	width: 150px;
	cursor: pointer;
}

/* ======================= FORMULAIRE FORUM ======================= */

/* -------- FORMULAIRE AVEC VIDEO ------- */

#interieur .grocnt .courtforum {height: 700px;}
#interieur .courtforum.centre {margin-left: 170px !important;}

/* Colonne de gauche */
.courtforum .reponse_formulaire {
	background: #E2E2E2;
	display: block;
	overflow:hidden;
	zoom:1;
	width: 150px;
	padding: 7px 10px 10px;
	margin: 0 20px 10px 0;}
.reponse_formulaire .item {	padding-top: 8px;}

.courtforum .reponse_formulaire .milieu {padding-left: 30px;}
.courtforum .reponse_formulaire .bt {
	font: bold 12px Arial;
	margin: 2px 0;
	color: #274981;
	width: 80px;}
.courtforum .reponse_formulaire .vid {	width: 70px;}

.courtforum .reponse_formulaire label {
	width:140px !important;
	display:block;
}
.courtforum .reponse_formulaire input {
	width:130px !important;
	display:block;}
.courtforum .reponse_formulaire span.gras { width: 150px; }
.courtforum .reponse_formulaire p {
	text-align:left;
	margin: 0 0 5px;}

/* Colonne de droite */
.courtforum .droite {width:430px;}
.courtforum .droite .item { width:430px; }
.courtforum .droite legend { color:#c53321;}
.courtforum .droite label { overflow: hidden; padding: 2px 0 5px;}
.courtforum .droite input.forml,.courtforum .droite select.forml {width:372px;}
.courtforum .droite input#titre {
	width:370px;
	margin: 0 0 0 5px;}
.courtforum .droite .forml {border: 1px solid #bbb !important;}
.courtforum .droite textarea.forml {width:420px;}
.courtforum .droite .item {padding: 0 0 10px;}
.courtforum .droite .btsite input { width:240px; }

.courtforum input.forml {
	border : 1px solid #000;
	padding: 1px 0 1px 5px;
	font : 12px Arial;
	width: 275px;
}

.courtforum legend, .courtforum label {
	font-weight: bold;
	margin: 0 0 5px;}
.courtforum .reponse_formulaire legend {margin: 0;}

.courtforum textarea.forml {
	width: 30px;
	height: 178px;
	margin: 0 20px 0 0;
}

.courtforum .droite .reponse_formulaire {
	background: #E2E2E2;
	display: block;
	overflow:hidden;
	zoom:1;
	width: 404px;
	padding: 7px 10px 10px;
	margin: 10px 20px 10px 0;
}

.courtforum .boutonaction.cnt {
	width:  240px !important;
	margin: 0;
	padding: 0 0 2px;
}

#formul_forum .alert {
	margin:0;
	width: 400px;
	padding: 5px 10px;}
#formul_forum .alert .texte {
	text-align:left;
	padding: 5px 0 0 10px;
	font: bold 15px/140% Arial, Helvetica, sans-serif;
	width: 300px;
}

.previsu {
	background: #e2e2e2;
	margin: 0 0 10px;
	width: 400px;}
.previsu .tit {
	font: bold 16px Arial;
}

.previsu .texte {
	padding : 0 0 10px;
	width: 100%;}

.btsite .debut, .formulaire_forum .btsite .cnt , .btsite .fin {	margin: 24px 0 0 ;}
.previsu .btsite { margin: 10px 0 0; }

.formulaire_forum .btsite .video {
	width: 50px !important;
	height: 48px !important;
	margin:0 !important;
	padding:0 !important;
}

#btprevisu { 
	margin: 5px 0 10px 0;
	width: 450px !important;
}


/* ======================= FORMULAIRE INSCRIPTION FORUM  ======================= */

.formulaire_login_forum legend {
	display:block;
	overflow:hidden;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 5px 0 0;
	border-bottom: 2px solid #7d2357;
	width: 100%;
	display:block;}

body .formulaire_login_forum fieldset { 
	margin: 0 0 15px ;
	max-width: 350px;
	padding: 0 0 5px ;}	
.formulaire_login_forum .forml {
	border: 1px solid #918f90;
	margin: 5px 0 5px ;  *margin: 0px 0 5px ;
	width: 222px; }
.formulaire_login_forum .encadre .spip_bouton input {	margin: 10px 0 10px 100px !important; }
.formulaire_login_forum .marghaut { margin: 5px 0 0; *margin: 0;}
.formulaire_login_forum .gros a {font: 13px Arial, Helvetica, sans-serif;}

.formulaire_login_forum .encadre {
	border: 1px solid #999;
	padding: 0 10px 0; 	padding: 5px 10px 0;
	margin: 10px auto;}
	
.formulaire_login_forum p { text-align: left;}
.formulaire_login_forum p.module {
	margin: 10px ;
	min-width: 200px;}
.formulaire_login_forum .reponse_formulaire {
	color:red;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 350px !important;
}


/* titonglet du formulmaire login */
.formulaire_login_forum .titonglet {margin-left: 0px;}
.formulaire_login_forum .droite .titonglet {	min-width: 340px;}
html .formulaire_login_forum .titonglet.form .debut {margin-left: 10px!important;}
.formulaire_login_forum .titonglet input.cnt {
	background-position:bottom !important;
	height: 24px !important;
	cursor:pointer;
	padding-bottom: 5px !important;}


.formulaire_login_forum .textexpl {
	width: 240px;
	margin: 7px;}
.formulaire_login_forum .videocnt {
	width: 240px;
	text-align:center;
	margin: 10px 0 2px;}	
.formulaire_login_forum .marge {	margin-left: 15px;}
	
.formulaire_login_forum input.forml {
	margin:0 0 0 10px;
	width: 320px;
	padding: 2px 5px 3px;}

body .cnttexte .formulaire_login_forum fieldset.gauche {
	border: 1px solid #aaa;
	width: 250px !important;
	width: 266px\9 !important}
body .cnttexte .formulaire_login_forum .droite {
	border: 1px solid #aaa;
	margin-left: 15px;
	width: 355px; *width: 368px;}
body .cnttexte .formulaire_login_forum .piedlogin {
	margin: 10px 10px 5px;
	width: 100%;
	text-align:center;
}

/* ------- MESSAGES DU FORUM  ------- */

.margegauche {
	padding-left: 25px;
	background: url(../squelettes/icono/fleche.png) no-repeat ;}
.margegauche .item { margin: 0 0 0 1px;  padding : 0 0 0 10px; }

.videovide {
	background: #c2c0c1;
	border: 2px solid #555;
	width: 181px;
	height: 101px;
	margin: 0 10px 0 0 ;
	padding: 50px 10px 0;
	text-align: center;
	font: 900 14px/145% Arial;
	color: #555555;
}

/* ======================= FORMULAIRE LOGIN  ======================= */

.login {
	padding: 3px 8px 8px;
	width: 330px;
	border: 1px solid #535353;}
.partenaires {width:420px;}

.login .tit {
	color: #fff;
	font: bold 1em Arial;
	padding: 0 2px 4px;
	margin: 0 0 4px;
	border-bottom: 2px dotted #03406f;
	width: 295px;
}

.login .forml, .login .spip_bouton input {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	font: normal .8em Arial, Helvetica, sans-serif ;
	color: #000;
	border : 1px solid #03406f ;
	height: 14px;
	padding: 2px 3px 0;
	margin : 5px 8px 0 0 ;
	width:240px;
}

.login p {
	float: left;
	diplay: block;
	overflow:hidden;
	zoom:1;
	margin: 5px 0 0;
	width: 255px;
}

.login .spip_bouton input {
	width:73px;
	height: 18px;
	padding:0;
	background: #8ba639;
	margin: 22px 0 0;
	color:#fff;
	font: bold 1em Arial, Helvetica, sans-serif;
}

.login .spip_bouton {width:73px;}
.login fieldset { margin: 5px 0 0;}

/* ======================= FORMULAIRE SPIP FORM  ======================= */

.spip_forms {
	float:left;
	width:100%;
	font-size: 0.8em; *font-size: 0.7em;
	margin: 10px 10px 0 5px;
	padding: 10px 11px 5px;
	border-width: 0;
	width: 600px;
	border-width:0px;}
#form_emploi.spip_forms {width: 630px; *width: 650px !important;}

.spip_forms .spip_descriptif {margin:0 0 0 10px;}
.spip_forms p {
	margin: 0.5em 0;
	padding: 0;
}

.spip_forms fieldset {
	background: #e2e2e2;
	display: block;
	margin:  0 10px ;
	padding: 10px 20px;
	border: 0px dotted #00a0ac !important;
}

.spip_forms fieldset div {
	width: 100%;
	margin: 0 0 10px;
}

.spip_forms legend {
	font-weight: bold;
	padding: 3px 10px 3px 8px;
	font-size: 1.4em;
	color: #666;
	background: #e2e2e2;
	border-top: 0px dotted #918f90 !important;
}

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 5px 10px 10px;
	border: 0px solid #bee7ea;
	background:  url(../squelettes/icono/onglet_cnt839.png) repeat-x bottom;
	padding: 0px 2px;
	width: 110px;
	font-weight: bold;
	color: #fff;
	cursor:pointer;}

div.spip_forms {font-family: Verdana, Arial, Helvetica, sans-serif;}
div.spip_forms .spip_form_label label, div.spip_forms .spip_form_label .label { 	font-weight: bold;}

div.spip_forms .spip_form_label_obligatoire {
	font-style:italic;
	font-weight:normal;
	font-size:.9em;}
div.spip_forms .obligatoire_oublie {color:red;}

div.spip_forms .spip_form_label_details{
	margin:0;
	font: italic .9em Arial, Helvetica, sans-serif;
}

div.spip_forms .ligne, div.spip_forms .formo {
	border: 1px solid #5d5a5b;
	width: 530px;
}

div.spip_forms .spip_form_choix_multiple {display:block;}
div.spip_forms .spip_form_choix_unique input, div.spip_forms .spip_form_choix_unique input.fondo, div.spip_forms .spip_form_choix_unique input.fondl {	width:auto;}
div.spip_forms .spip_form_choix_unique label {	margin:0 0 5px 0;}
div.spip_forms .spip_form_choix_multiple li { list-style: none;}

div.spip_forms .spip_form_choix_multiple input, div.spip_forms .spip_form_choix_multiple input.fondo, div.spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
	width:auto;
	margin:0 5px 0 0;}
div.spip_forms ul.choix_mots {list-style:none;}
div.spip_forms .spip_sondage {	margin: auto;}
div.spip_forms .spip_form_erreur {	display:none;}

div.spip_forms .spip_sondage strong {
	display:block;
	clear:both;
	margin-left:5px;
	color:#494949;
}

div.spip_forms .spip_sondage .ligne_nom {
	width:19%;
	text-align:right;
	padding-right:1%;}
div.spip_forms .spip_sondage .ligne_nom:after {	content:" :";}
div.spip_forms .spip_sondage ligne.chiffres {	color:#525252;}

div.spip_forms .spip_sondage .ligne_barre {
	height: 16px;
	background: url(ligne.gif) repeat-x;
	border: 1px solid black;
	width:80%;
}

div.spip_forms .spip_sondage .sondage_table {
	display: table;
	width:100%;}
div.spip_forms .spip_sondage .sondage_ligne {	display: table-row;}

div.spip_forms .spip_sondage .sondage_ligne > div {
	display: table-cell;
	vertical-align: middle;
	padding: 2px;
	white-space: nowrap;}
div.spip_forms .formo {	padding:2px 5px;}
div.spip_forms .formo, div.spip_forms .fondo {	width:95%;}
div.spip_forms .champ_obli_oubli {	border:2px solid red;}

div.spip_forms a.resultats_sondage {
	display:block;
	float:right;
	background:#FFFBED;
	color:#444040;
	padding:.2em;
	border:1px solid #A07D7A;
	text-decoration:none;
}
div.spip_forms a.resultats_sondage:hover {
	background:#444040;
	color:#F8F5EC;
	text-decoration:none;
}

/* ======================= FORMULAIRE EMPLOI  ======================= */

#form_emploi.spip_forms { padding:0; }
form#emploi { width: 630px;}
#interieur #form_emploi.spip_forms fieldset {
	margin: 0 0 15px;
	padding-left: 26px;
	width: 594px; *width: 644px !important;}
#interieur #formulaire_agenda #form_emploi fieldset {
	width: 584px !important;
}
#form_emploi legend {
	margin: 0;
	*padding: 0 0 10px;
	font: bold 18px Arial, Helvetica, sans-serif; }
#form_emploi .legend {
	margin: 0 0 10px;
	color: #555;
	padding-bottom:5px; *padding-bottom:0;
	width: 555px;
	border-bottom: 1px dotted #555;
	font: bold 18px Arial, Helvetica, sans-serif; }
#form_emploi object { margin: 0 auto 20px; }
#form_emploi textarea {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px;
	width: 552px;
 }

#form_emploi .forml {
	width: 560px;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px;
}

/*
#form_emploi  .fichier {
	background:  url(../squelettes/icono/faux_bouton.jpg) no-repeat 0 45px ;
	height: 70px;}
#form_emploi  .fichier .titonglet {margin: 0 10px 40px 0 !important;}
#form_emploi  .input_fichier {
	font-size: 34px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	margin: -40px 0 0;
	z-index: 2;
	cursor:pointer;
}
*/

#form_emploi .fieldvideo {
	text-align:center;
	background: #e2e2e2;
	padding: 12px;
	width: 405px; *width: 413px;
}

#form_emploi .fieldvideo .legend {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #666666;
	width:400px}
#form_emploi .fieldvideo .legend .module {	margin: 5px 5px 5px ;}
#form_emploi .fieldvideo .legend .tit {
	width: 300px;
	text-align:left;
}

#form_emploi .fieldvideo p {
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0 0 5px;
	width: 405px;}
#form_emploi .fieldvideo .videodescr {
	margin: 2px 3px 0 0;
	width: 90px;}
#form_emploi .fieldvideo .intro {
	width: 300px;
	margin-bottom: 10px;
}

#form_emploi .haut {	padding: 5px 0;}
#form_emploi .ligne { width: 558px; }

#form_emploi .spip_bouton {
	background : #8da83a;
	color: #fff;
	font: bold 16px Arial, Helvetica, sans-serif;
	width: 80px;
	text-align: center;
	margin: 10px 190px 15px; 
	cursor: pointer;}
#form_emploi .spip_bouton:hover { background: #617031; }

/* Bouton radio */
#form_emploi  .radio {
	margin:10px 10px 0 0 ;
	min-height: 100px;
	width : 120px;
	font: 11px Arial, Helvetica, sans-serif  ;
}

#form_emploi  .radio object { 	margin: 0 20px; }
#form_emploi  .radio input { margin: 3px;}
#form_emploi  .radio label { width: 100px;}

/* Différentes largeur de champs */
#form_emploi .trepetit{ width: 60px; *width: 85px; }
#form_emploi .petit{ width: 120px; }
#form_emploi input.petit { width: 95px; }
#form_emploi .assezpetit{ width: 210px;  }
#form_emploi input.assezpetit{ width: 185px; }
#form_emploi .moyen{ width: 375px;  }
#form_emploi input.moyen{ width: 350px; }
#form_emploi .assezgrand { width: 530px;  }
#form_emploi input.assezgrand{ width: 505px; }

/* Special internet explorer */

#form_emploi .droite .titonglet { *width: 450px}
#form_emploi .moitie .titonglet { *width: 450px}

/* Parti des formulaires en 2 colonnes */
#form_emploi .demi, #form_emploi .demi2 {
	width: 270px;
	margin: 0 17px 10px 0;}
#form_emploi .demi2 { 	margin: 0 0 10px ; }
#form_emploi input.demi { width: 262px; }
#form_emploi .margegale {
	display:block; 
	padding: 0 0 6px; }

#form_emploi .erreur {
	color:red;
	font: bold Arial, Helvetica, sans-serif;
}

#form_emploi  .videoform { height: 78px;}

.grocontenu.large #form_emploi  .titonglet .fin { background-position: 0 24px;}
.grocontenu.large #form_emploi  .titonglet .cnt { padding: 0 5px !important; }

.courtforum .alert {
	margin-left:6px;
	width: 625px;}
.alert .cntvideo {
	margin: 0px 5px ;
	text-align: left;
	width: 85px;
}
.alert .texte {
	margin: 10px 5px ;
	text-align:left;
	line-height:150%;
	width: 500px;}


/* ======================= FORMULAIRE ENQUETE SITE ======================= */

/* Bouton en haut de page qui mène vers l'enquête */
.enquete {
	margin: 49px 0 0 30px;
	padding:0;
	width: 284px;
	height: 83px;
	background: #f6f6f6 url(../squelettes/icono/enc_enq_cnt.gif) repeat-x;
}

.enquete .debut { 
	background: #f6f6f6 url(../squelettes/icono/enc_enq_debut.png) no-repeat;
	height: 83px;
	width:7px;
}

.enquete img {
	margin:0 !important; 
	float: right;
}

.enquete object { 
	display: block;
	margin: 5px 0 0 !important;
}

/* Formulaire */

#form_test .titonglet .cnt { height:24px !important;}
#form_test .titonglet .debut {
	margin: 1px 0 0 !important;
	background-position: 0px 0px !important;}

#form_test.spip_forms { padding:0; }
#form_test.spip_forms fieldset {
	margin: 0 0 15px 20px;
	padding-left: 20px;}
#form_test .legend {
	margin: 0 0 20px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #555;
	border-bottom: 2px dotted #555;
	width:885px; }
#form_test object { margin: 0 auto 20px; }
#form_test textarea {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px;
	width: 552px;
 }

#form_test .forml {
	width: 560px;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px;
}

#form_test .haut {	padding: 5px 0;}
#form_test .ligne { width: 558px; }

#form_test .spip_bouton {
	background : #8da83a;
	color: #fff;
	font: bold 16px Arial, Helvetica, sans-serif;
	width: 80px;
	text-align: center;
	margin: 10px 190px 15px; 
	cursor: pointer;}
#form_test .spip_bouton:hover { background: #617031; }

/* Bouton radio */
#form_test  .radio {
	margin:10px 5px 0 0 ;
	min-height: 100px;
	width : 96px;
	font: 11px Arial, Helvetica, sans-serif  ;
}

#form_test  .radio object { 	margin: 0 2px; }
#form_test  .radio input { margin:0 2px 3px 0; }
#form_test  .radio label { width: 70px;}

/* Différentes largeur de champs */
#form_test .titonglet { width: 490px;}
#form_test .trepetit{ width: 60px; }
#form_test .petit{ width: 120px; }
#form_test input.petit { width: 95px; }
#form_test .assezpetit{ width: 210px;  }
#form_test input.assezpetit{ width: 185px; }
#form_test .moyen{ width: 345px;  }
#form_test input.moyen{ width: 330px; }
#form_test .assezgrand{ width: 530px;  }
#form_test input.assezgrand{ width: 505px; }

#form_test .gauche { width: 480px; *width: 485px; }
#form_test .droite {	width: 425px;}

/* Parti des formulaires en 2 colonnes */
#form_test .demi, #form_test .demi2 {
	width: 250px;
	margin: 0 17px 10px 0;}
#form_test .demi2 { 	margin: 0 0 10px ; }
#form_test input.demi { width: 242px; }
#form_test .margegale {
	display:block; 
	padding: 0 0 6px; }

#form_test .erreur {
	color:red;
	font: bold Arial, Helvetica, sans-serif;
}

#form_test  .videoform { height: 78px;}

.grocontenu.large #form_test  .titonglet .fin { background-position: 0 24px;}
.grocontenu.large #form_test  .titonglet .cnt { padding: 0 5px !important; }

.grocontenu.large { width: 1000px; }
.grocontenu.large .titre { width: 1000px; }
.grocontenu.large .titre .cnt{ width: 983px; }
.grocontenu.large .cnttexte{ width: 1000px; }
.grocontenu.large #form_test  { padding-top:0px; }
.grocontenu.large .cnttexte .note {
	width: 965px;
	margin: 0;
	border: none;
}
	
.cnttexte .legend, x:-moz-any-link {
	margin-top: 15px;
	padding: 15px 10px 0 ; }  /* FireFox 2 */
.cnttexte .legend, x:-moz-any-link, x:default { padding: 5px 5px 0; } /* FireFox 3 */
.cnttexte .legend span, .cnttexte .legend .legendgauche {padding: 0 10px 0 0; } 
.cnttexte .legend .legendgauche { width: 72px; }
.cnttexte fieldset, x:-moz-any-link { padding: 80px 10px 10px}  /* FireFox 2 */
.cnttexte fieldset, x:-moz-any-link, x:default { padding: 10px; } /* FireFox 3 */

.grocontenu.large .cnttexte .titonglet {margin: 0 !important;}
.grocontenu.large .cnttexte .chapo {
	margin: 10px 20px 0;
	font-size: 17px;
	width: 960px; }
.grocontenu.large .cnttexte .chapo object { margin: 0 10px 0 0; }
.grocontenu.large .cnttexte h3 object { padding: 0 20px 15px 0; }

#panel_test { padding: 0 0 10px !important; margin: 0 0 10px !important; }

#form_test .droite .radio, #form_test .radiovideo {
	margin: 10px 7px 0 0;
	min-height: 112px;
	width: 85px;
	padding: 5px;}
#form_test .gauche #mauvais_email {font-weight: bold; }
	
/* Smileys */	
	
#form_test  .smiley span { width: 50px; }
#form_test  .smiley span { width: 45px; }
#form_test  .radio img {
	cursor:pointer;}
#form_test .droite .radio label {width: 60px;}
#form_test .smiley {
	height: 124px;
	width: 72px;}
#form_test .margebas { margin: 0 0 10px;}

/* étoiles */

.etoiles62, .etoiles63, .etoiles64, .etoiles65, .etoiles71 {
	padding: 24px 0 0 0;
	cursor:pointer;}
#form_test  .etoiles62 { width: 50px; }
#form_test  .etoiles63 { width: 70px; }
#form_test  .etoiles64 { width: 90px; }
#form_test  .etoiles65 { width: 110px; }
#form_test  .etoiles71 { width: 130px; }
.etoiles62 input, .etoiles63 input, .etoiles64 input, .etoiles65 input, .etoiles71 input { margin: 6px 3px 0 0;}

/* Choix du sexe */

#form_test .sexe {
	margin: 20px 0 0 5px; *margin: 20px 0 0 0px;
	*width: 105px;
}
#form_test .sexe label {
margin: 7px 0 0;
width: 65px; *width: 105px;}
#form_test .sexe .englobe { margin: 5px 0 0;}
#form_test .sexe .englobe input {margin: 8px 0 0;}
#form_test .sexe input { margin : 25px 0 0; }

#form_test .homme {
	width:42px; width:42px;
	margin: 1px 0 0 5px;}
#form_test .femme {
	width:29px;
	margin: 0px 0 0 4px;}
	
/* ======================= FORMULAIRE AGENDA ======================= */

#formulaire_agenda .titonglet {	margin-left: 0px !important;}

/* ======================= RETOURS D'ERREUR DES FORMULAIRES  ======================= */

/* Reponse formulaire */

.alert.special_enquete {
	margin: 5px 20px 10px;
	line-height: 150%;
	width: 955px;
}

.alert.special_enquete a {
	display:block;
	padding: 5px 0;
	font-size: .9em;
	color: #f7a31c;}
.alert.special_enquete a:hover { color: #fff; }

/* Bouton OK */

#form_test .bt_ok, #form_emploi .bt_ok {
	background: #9a2b6c;
	width: 150px;
	font: bold 18px Arial;
	color: #fff;
	margin: 0 0 30px;
	padding: 3px 0;
	margin:  0 0 0 400px;}
#form_test .bt_ok:hover, #form_emploi .bt_ok:hover {
	background: #772153;
	color: #de9801;
}

form .videappp:focus {	display:block;}