@charset "utf-8";
/* CSS Document */
body  {
    	font: 100% Arial, Helvetica, sans-serif;
    	background:#FFFFFF url(../images/degrade.GIF) repeat-x;
    	margin:0 auto;
    	padding: 0;
    	text-align:left;
    	color: #000000;
		font-size:12px;
		width:1000px;
    }
.petit {font-size:11px;}

p em{ color:#FF0000; background:#FFFFFF;}	
p, form, ul, li, h2 { margin:0px;}

a img, img {border:0px;}

a{
        text-decoration:none;
		color:#0072bb;
		background-color: transparent;
		font-size:11px;
       
    }
a:link { text-decoration:none; }             /* lien non visité */
a:visited { text-decoration:none; }          /* lien visité */
a:hover { text-decoration:underline; }                 /* lien survolé */
a:active { text-decoration:none; }                /* lien actif (cliqué) */
a:focus { text-decoration:overline underline; }   /* lien focusé (touche tab) */


#sloganT {
		width:468px;
		height:40px;
		margin:auto;
		margin-top:10px;    	 
    }
#en_tete {
    	padding:5px 0px 5px 0px; 
    }
#en_tete .linkC {
    	position:absolute;
		width:960px;
		font-size:11px;
		text-align:right;
		padding-top:10px;
		padding-right:40px;
    } 
#menu_haut {
        width:988px;
		height:45px;
        margin:auto; 
    } 
#marquee {
        width:988px;
		height:20px;
        margin:auto;
		font-weight:bold;
		color:#000000;
		background:#e6e6e6;
		cursor:pointer;
		margin-bottom:2px;		
    }
#marquee marquee {
		float:left;
		width:880px;
		cursor:pointer;
		padding:2px;
    }
#marquee .marquee {
		margin-left:20px;
    }
#marquee .lang {
		float:right;
		width:85px;
		padding:4px 7px 2px 7px;
		text-align:right;
		vertical-align:bottom
    } 
#container { 
    	width: 973px;
    	margin: 0px 5px; 
    	text-align: left; 
		background:#FFFFFF;
		color:#000000;
		font-size:12px;
		border-width:0px 1px 1px 1px;
        border-color:#C9C9C9;
		border-style: solid;
		padding:0px 15px 15px 0px;
    }
#menu_gauche {
		float:left;
		width:220px;
		min-height:300px;
		border-width:0px 1px 1px 0px;
        border-color:#C9C9C9;
		border-style: dashed;
		padding:15px 15px 0px 15px;
        
    }
#menu_gauche #titre {
	width:220px;
	height:20px;
	margin-bottom:10px;
	line-height:20px;
	text-align:center;
	color:#FFFFFF;
	background:#2183c3;
}
#menu_gauche ul { 
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
}
#menu_gauche a,#menu_gauche ul,#menu_gauche li {
    border:0px;
    margin:0px;
    padding:0px;
    font-size:10px;
    text-decoration:none;
    text-align:left;
}
#menu_gauche li { 
    display:list-item; 
	list-style-position:inside; 
	list-style-type:square; 
	margin-left:12px; 
}

.element_menu {
        margin-bottom: 20px;
}
#sidebar1 {
        margin-bottom:15px;
    }

#sidebar1 a {
		display: block;
        padding: 4px 0px 4px 0px;
		margin: 0px;
		color: #0071bd; 
		background:#FFFFFF;
		font-size:11px;
        border-bottom: #e1e1e1 1px solid; 
		text-decoration: none;
		text-align:center;
	}
#sidebar1 a:hover {
        font-weight: bold;
	}
#sidebar1 .arrow a{ 
      background-color: #E9F0FA;
   }
#sidebar1 .arrowB a{ 
      background: #E9F0FA url(../images/arrowB.gif) 205px 7px no-repeat;
   }
#sidebar1 .arrowR a{ 
      background: #E9F0FA url(../images/arrowR.gif) 205px 7px no-repeat;
   }
.publicite {
        margin-bottom: 20px;
		max-width:220px;
		max-height:200px;
		text-align:center;
}
#publicite img {
		max-width:220px;
		max-height:200px;
}
#corps {
        margin-left:265px;
		margin-top:15px;       
    }
.part1 {
        float:left;
        width:250px;
}
.part1 p {
	    text-indent:15px;
	    margin-top:10px;
		text-align:justify;
}
.part2 {
        float:right;
        width:443px;
}

.Bloc {
    width:300px;
	height:135px;
	padding:20px;
    border:1px solid #c9c9c9;
    text-align:left;
	font-size:10px;
}

.Bloc .titreBloc {
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #0072bb;
	color:#0072bb;
}
.Bloc p.annonce { margin:10px 0px;}
.right {text-align:right; }
.left {text-align:left; }
.Bloc label {
    display:block;
    margin-top:2px;
    vertical-align:middle;
    cursor:pointer;
}
.Bloc .lien {
	background-image:url(../images/fleches.gif);
	background-position:left;
	background-repeat:no-repeat;	
    padding:0px 5px 0px 30px;
}
.Bloc a {
    border:0px;
    margin:0px;
    padding:0px;
    background-color:transparent;
    color:#000000;
	background:#FFFFFF;
    font-size:10px;
}
input.input, textarea.input {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding-left:2px;
}
textarea.input { 
    width:200px; 
	height:50px;
	font-size:11px; }
input.input {
    cursor:pointer;
    height:1.4em;
	font-size:10px;
    width:150px;
}
textarea.ContTextarea {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	color:#000000;	
	font-size:11px;
    width:400px;
}
.Bloc input.input {
    background-color:#FFFFFF;
    color:#999999;
}
#valider{ 
      margin:0px;
	  padding:0px;
	  border:none;
      cursor:pointer;			
	  display:inline-block;
	  white-space:nowrap;
	  background:none;		  
}
.deconnexion {
	margin:20px 10px;
	text-align:center;
}

.coordonnees { float:left; width:500px; font-size:11px; }
.coordonnees_part1 { float:left; width:250px; }
.coordonnees_part2 { float:right; width:250px; }
.grostitre {
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #0072bb;
	color:#0072bb;
}
.coordonnees label {
    display:block;
    margin-top:2px;
    vertical-align:middle;
    cursor:pointer;
}
.parcourir{
       font-size:10px;
	   border-bottom: 1px dotted #999999;
	   padding-bottom: 3px;	      
	   margin-bottom: 15px;
   }



#tabbed_box {
	margin: 0px auto 0px auto;
	width:100%;
}	
ul.tabs {
	margin:0px; 
	padding:0px;
	margin-top:5px;  
    margin-bottom:6px;  
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	color:#000000;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: inline;
}
ul.tabs li a:hover {
	background-color:#ffffff;
	color:#000000;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#000000;
	font-weight:bold;
}
.content {
	background-color:#e1e1e1;
	padding:10px; 	
}	

.DocsT {
    padding:10px 0px 0px 0px;
}
.DocsT h4 {
    display:inline;
	font-size:12px;
}
.DocsT a {
	 padding-left:10px;
}
.DocsT p {
     margin:0px;
	 padding:5px 0px 0px 0px;
}
#content_2, #content_3, #content_4, #content_5 { display:none; }


ul.tabs li a {
	background: #FFFFFF url(../images/tab_off.gif) repeat-x;
}
ul.tabs li a.active {
	background: #FFFFFF url(../images/tab_on.gif) repeat-x;
}	

/* Page Actualités */
#sidebar2 {
    	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 366px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
		margin:0px;
    }
#sidebar2 .TabBgTopI{
        background:#FFFFFF url(../images/TabBgTopI.gif) no-repeat top;
		width:366px;
		height:50px;
    }
#sidebar2 .TabBgTopL{
        background:#FFFFFF url(../images/TabBgTopL.gif) no-repeat top;
		width:366px;
		height:50px;
    }
#sidebar2 .sidebar2Texte{
        width:326px;
		color:#000000;
		background:#e1e1e1 url(../images/TabBg.gif) repeat-y;
		padding:15px 20px 5px 20px;
    }
#sidebar2 .TabBgBottom{
        width:366px;
		height:9px;
		background:#e1e1e1 url(../images/TabBgBottom.gif) no-repeat bottom;
    }
.photo{
        float:left;
		padding:0px 10px 0px 0px;
		margin:0px;
    }
.Name{
        font-size:14px;
		display:block;
    }
.Job{
        font-size:12px;
		display:block;
    }
.Justify{
		text-align:justify;
    }
#sidebar2 .Titre{
        font-size:14px;
		display:block;
    }
	

#mainContentActu {
        margin: 0px 376px 0px 0px;
    }
#mainContentActu h2 {
        padding:0px 0px 14px 0px;
		margin:0px;
		font-size:18px;
		color:#1f82c2;
		background:#FFFFFF;
		border-bottom:1px solid #1f82c2;
    }
	
.BlocArt {
        padding:10px 5px 14px 0px;
		border-bottom:1px solid #1f82c2;
    }
.BlocDate {
        font-size:10px;
		color:#1f82c2;
		background:#FFFFFF;
		display:block;
    }
.BlocTitre {
        font-size:14px;
		text-transform:uppercase;
    }
.BlocSurtitre {
        font-size:16px;
		color:#1f82c2;
		background:#FFFFFF;
    }
.BlocImg img {
		margin-right:5px;
    }
.BlocChapo {
        margin:0px;
		text-align:justify;
    }
.BlocTexte {
		margin:0px;
		text-align:justify;
    }
.BlocSuite {
        font-size:11px;
		font-weight:bold;
		color:#1f82c2;
		background:url(../images/arrowARR.gif) no-repeat left;
		padding-left:10px;
    }
#mainContentActu .BlocPagin {
        text-align:center;
        font-size:11px;
		color:#1f82c2;
		background:#FFFFFF;
		padding:10px;
	   
    }
#mainContentActu .BlocPagin a {
        text-decoration:none;
		color:#1f82c2;
		background:#FFFFFF;
	   
    }
#mainContentActu .BlocPaginActuelle {
        font-size:14px;
		font-weight:bold;
        text-decoration:underline;
	   
    }
a.suivant{
		background:#FFFFFF url(../images/arrowARR.gif) no-repeat right;
		padding:0px 10px 0px 10px;
		font-weight:bold;
    }
.suivantOFF{
		background:#FFFFFF url(../images/arrowARROFF.gif) no-repeat right;		
		font-weight:bold;
		color:#b1d1e6;
		padding:0px 10px 0px 10px;	   
    }
a.precedent{
		background:#FFFFFF url(../images/arrowARL.gif) no-repeat left;		
		padding:0px 10px 0px 10px;  
		font-weight:bold; 
    }
.precedentOFF{
		background:#FFFFFF url(../images/arrowARLOFF.gif) no-repeat left;		
		font-weight:bold;
		color:#b1d1e6;
		padding:0px 10px 0px 10px;	   
    }
#Article, #invite, #livre {
        border-top:1px solid #1f82c2;
		border-bottom:1px solid #1f82c2;
		padding:12px 0px;
    }

/********************************************************
 *
 * 						Forum
 *
 *******************************************************/
.taille10 { font-size:10px } 
.taille11 { font-size:11px } 
.taille12 { font-size:12px }  
.taille14 { font-size:14px } 

.bleu_web { color:#0072bb }
.rouge { color:#FF0000 }
.blanc { color:#FFFFFF }

.gras { font-weight:bold }

.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.barre{text-decoration:line-through;}

.center { text-align:center; margin:auto}
.hr_bleu { border-top:1px solid #0072bb }

#forum {
	width:705px;
}

#forum h1 {
	font-size:24px;
	color:#0072bb;
	font-weight:normal;
}

/** coins arrondis **/
#step {
	margin-bottom: 10px;
	background: #fbfbfb;
}

div.t, div.b {
  height: 10px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div.m {
  border-left: 1px solid #0072bb;
  border-right: 1px solid #0072bb;
  padding: 0 8px;
}

div.m table,
div.m table tr,
div.m table th,
div.m table td
 {
	margin:0px;
	padding:0px;
}

div.m td.barre_v_t {
	height:24px;
	background: url(../images/barre_v_t.png) 0 0 repeat-x;
}

div.m .cadre {
	background: url(../images/barre_v_b.png) 0 bottom repeat-x;
}

div.m tr.head th {
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding-bottom:9px;
	padding-left:10px;
}

div.m tr.body td {
	padding:10px;
}
div.m tr.body td.hp {
	padding:5px 10px;
}

/*
div.m tr.head th {
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding-bottom:10px;
}

div.m tr.body td {
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
}
*/
div#step div.t {
  background: url(../images/t_border.png) 0 0 repeat-x;
}
div#step div.t div.t {
   background: url(../images/crn_tr_med.png) 100% 0 no-repeat;
}
div#step div.t div.t div.t {
   background: url(../images/crn_tl_med.png) 0 0 no-repeat;
}

div#step div.m {
  padding: 0;
}

div#step div.b {
  background: url(../images/b_border.png) 0 100% repeat-x;
}
div#step div.b div.b {
   background: url(../images/crn_br_med.png) 100% 0 no-repeat;
}
div#step div.b div.b div.b {
   background: url(../images/crn_bl_med.png) 0 0 no-repeat;
}

.fl {float:left;}

a.action_nouveau_sujet, .action_nouveau_sujet {
	width:145px;
	height:25px;
	background:url(../images/action_nouveau_sujet.png) no-repeat left top;
	display:block;
	margin-bottom:18px;
}
a.action_repondre_sujet, .action_repondre_sujet {
	width:167px;
	height:25px;
	background:url(../images/action_repondre_sujet.png) no-repeat left top;
	display:block;
	margin-bottom:18px;
	margin-left:150px;
}

/****************************/
/****************************/
/****************************/

div.t2, div.b2 {
  height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}


div.m2 {
  padding: 0 8px;
  position:absolute;
  margin-top:-72px;
}

div#step div.t2 {
  background: url(../images/t2_border.png) 0 0 repeat-x;
}
div#step div.t2 div.t2 {
   background: url(../images/crn_tr2_med.png) 100% 0 no-repeat;
}
div#step div.t2 div.t2 div.t2 {
   background: url(../images/crn_tl2_med.png) 0 0 no-repeat;
}


div#step div.b2 {
  background: url(../images/b2_border.png) 0 100% repeat-x;
}
div#step div.b2 div.b2 {
   background: url(../images/crn_br2_med.png) 100% 0 no-repeat;
}
div#step div.b2 div.b2 div.b2 {
   background: url(../images/crn_bl2_med.png) 0 0 no-repeat;
}

div#step  fieldset {
	border: none;
}

div#step fieldset legend {
	margin-left:10px !important;
	margin-left:13px;
}

div#step div.m .input {
	border:1px solid #d1d1d1;
	width:100%;
	font-size:12px;
	background-color:#FFFFFF;
	color:#000000;
	cursor:text;
}

div#step div.m .textarea {
	border:1px solid #d1d1d1;
	height:150px;
	width:97%;
	padding:.3em .5em;
	font-size:12px;
	background-color:#FFFFFF;
	color:#000000;
}

.zcode img {
	cursor:pointer;
}

.apercu_tps_reel {
	border:1px dashed #000000;
	height:150px;
	width:97%;
	padding:.3em .5em;
	font-size:12px;
	background-color:#FFFFFF;
	color:#000000;
	margin-bottom:20px;
	margin-top:2px;
	overflow:auto
}

#texte_smilies {
	text-align:center;
}
#tb_smile1, #tb_smile2 {
	text-align:center;
	margin:auto;
}




/******************************
 *
 ******************************/
div#step  ffieldset {
	padding: 5px 20px; 
	margin: 0; 
	border: 1px solid #0072bb; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
}

div#step ffieldset legend {
	margin-left:10px !important;
	margin-left:15px;
}

/******************************
 *
 ******************************/






.msgErrorBox img.errorlogo{
    float:left;
	margin-right:10px;
	margin-top:2px;
}
.msgErrorBox h1{
    font-size:16px;
	margin:0px;
	padding:0px;
}
.msgErrorBox{
    border:1px solid #b42e33;
	background:#f9f0c3;
	padding:8px 8px;
	margin:0px 0px 10px 0px;
}
.clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.clearfloat2 { 
        line-height: 0px;
    }
#pied_de_page { 
    	font-size:11px;
        color:#7A7A7A;
        text-align:center;
		padding:10px 0px 10px 0px;
    }
#pied_de_page a { 
    	font-size:12px;
        color:#7A7A7A;
		background:#FFFFFF;
		text-decoration:none;
    }
#pied_de_page a:hover {
        color:#7A7A7A;
		background:#FFFFFF;
		text-decoration:underline;
    } 


/* Boites de Messages */

.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../administration/images/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../administration/images/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../administration/images/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../administration/images/error.png');
}