body{
	font-size:12px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	color:#333;
	background: #EAE9D8 url(/images/barreH.gif) repeat-x top;
	margin: 0;
	text-align: center;
}
/*#acb999, #E1E09F*/

p, td, li, ul, a {
	font-size:12px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	color:#333;
	margin: 0px auto 0px auto;
}

	

*{
	margin: 0;
	padding: 0;
}

ul{
	list-style: none;
}

#page{
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0;
	width: 990px;
	overflow: hidden;
	/* centrage avec marges */
	/*padding: 0 11px 0 12px;*/
	background: #ffffff url(/images/barreH.gif) repeat-x top;
	text-align: left;
}

#clear{
	clear:both;	
}

.enumeration{
	margin-left:17px;
	padding-left:10px;
	background: no-repeat url(/images/fleche_verte.gif) 0px 3px;
}

.liste{
	margin-left:17px;
	padding-left:10px;
	background: no-repeat url(/images/fleche_verte.gif) 0px 3px;
}


/*******************************************************
	header D3D0CB 88A9BA EAE9D8
*******************************************************/

#header{
	position: relative;
	width: 990px;
/*	margin-left: 12px;*/
/*	overflow: hidden; BT Modified*/
	color: #010000;
		margin-top:0px;

}

/* header Top */

#headerTop{
	height: 20px;
	width: 100%;
	overflow: hidden;
}

#reference{
	width: 600px;
	overflow: hidden;
	padding-top: 2px;
	float:right;
}


#reference1{
	float: right;
	font-size: 10px;
	margin-right: 12px;
	display: inline;
}

#reference1 li{
	display: inline;
	padding: 0 8px;
	border-left: 1px solid #fff;
}

#reference1 li, #reference1 li a{ color: #fff;font-size: 10px; }

#reference1 li.first, #reference1 li.first{
	border-left: none;
	padding-left: 0;
}

#reference1 li.last, #reference1 li.last{
	padding-right: 0;
}


/**************************** LOGO + PUB ***************************/

#header #mainLogo{
	float: left;
	display: inline;
	margin: 15px 0 15px 12px;
}

#logo {
	background: #EAE9D8 url(/images/decor.jpg) repeat-x top;
	margin-top:0px;
	height:100px;
}

#cadrelogo {
	padding: 20px 20px 20px 20px;
}

/***************************** MENU DEROULANT **************************/

#HeaderMenu {
	background:#26181D;
	background: url(/images/bg_nav.jpg) repeat-x;
	font-size: 10px;
	z-index:1010;
	width:990px;
	height: 21px;
	border: 0;
	padding: 0 30px 0 0;
	margin:0px auto auto auto;
}

/***************************** CADRE SOUS MENU DEROULANT ********************/

.megabanner{
	background-color: #5C5C53;
	margin:0 auto 0 auto;
}


/*******************************************************
	footer
*******************************************************/

#footer{
	padding-top: 0px;
	width: 990px;
	margin-left: 0px;
	background: url(/images/gris_bas.jpg) repeat-x;
	padding:2px 0 2px 0;
}

#footer a {
	font-size: 10px;
	color: #ffffff;
	text-decoration:none;
}


/*******************************************************
						CADRE CENTRAL
*******************************************************/

#cadre{
	width: 980px;;
	overflow: visible;
	padding: 20px 10px 20px 10px;
	margin: 0px 0px 0px 0px;
}	

#cadreuniqueborde{
	width: 930px;
	overflow: visible;
	padding: 10px 0px 10px 0px;
	margin: 30px auto 20px auto;
	border:1px solid #eeeeee; 
	float: left;
}

#souscadreuniqueborde1{
	width: 460px;
	overflow: visible;
	padding: 10px 10px 10px 15px;
	border-right:2px dashed #000000; 
	float: left;
}

#souscadreuniqueborde2{
	width: 410px;
	overflow: visible;
	padding: 10px 10px 10px 20px;
		float: left;
}

#moitiecadreuniqueborde{
	width: 600px;
	overflow: visible;
	padding: 10px 0px 10px 0px;
	margin: 30px auto 20px auto;
	border:1px solid #820ba9; 
	float: left;
}

#moitiecadreuniqueborde2{
	width: 600px;
	overflow: visible;
	padding: 10px 0px 10px 0px;
	margin: 0px auto 20px auto;
	border:1px solid #820ba9; 
	float: left;
}

#univers{
	width: 930px;
	overflow: visible;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 10px;
}	


#universA{
	width: 910px;
	overflow: visible;
	padding: 20px 20px 20px 20px;
	margin: 0px auto 0px auto;
}	


#unique{
	width: 970px;
	overflow: visible;
	padding: 0px 0px 0px 20px;
	margin: 20px 0px 20px 0px;
	height:300px;
	background:#ffffff;
	background:  url(/images/eiffel.jpg) no-repeat top right;
}


html>body #unique {
	height: auto;
	min-height: 300px;
}

#unique1{
	width: 970px;
	overflow: visible;
	padding: 0px 0px 0px 20px;
	margin: 20px 0px 20px 0px;
	height:360px;
	background:#ffffff;
	background:  url(/images/eiffel1.jpg) no-repeat top right;
}


html>body #unique1 {
	height: auto;
	min-height: 360px;
}

#colonne {
	width: 940px;	
	padding: 0 15 15 15;
	float: left;
	background:#ffffff;
}

#colonneAc {
	width: 950px;	
	padding: 0 15 15 5;
	float: left;
	background:#ffffff;
}


#colonne1 {
	width: 507px;	
	padding: 0 15 15 20;
	float: left;
	background:#ffffff;
}


#colonne2 {
	width: 390px;
	padding: 0 10 15 20;
	float: left;
	background:#ffffff;
}


#colonne1A {
	width: 450px;	
	padding: 0 15 15 20;
	float: left;
	background:#ffffff;
}


#colonne2A {
	width: 450px;
	height:250px;
	padding: 0 5px 15px 10px;
	float: left;
	background:  url(/images/h_rouge.jpg) no-repeat;
}

html>body #colonne2A {
	height: auto;
	min-height: 300px;
}

#colonne1B {
	width: 250px;	
	padding: 0 15 15 20;
	float: left;
	background:#ffffff;
}


#colonne2B {
	width: 660px;
	padding: 0 20px 15px 10px;
	float: left;
}

#colonne1C {
	width: 630px;	
	padding: 0 15 15 15;
	float: left;
	background:#ffffff;
}


#colonne2C {
	width: 250px;
	padding: 0 30px 15px 10px;
	float: left;
}

#colonne1enregistrement {
	width: 770px;	
	padding: 0 15 5 15;
	float: left;
	background:#ffffff;
}


#colonne2enregistrement {
	width: 170px;	
	padding: 10 0 15 0;
	float: left;
	background:#ffffff;
}
/*******************************************************
						ENTREE
*******************************************************/

#bloc_flash {
margin: 20px 0px 10px 0px;
height:220px;
width:100%;
background:  url(/images/fond_flash.jpg);
width:507px;
}


#video {
        height:220px;
        margin:20px 20px 0px 20px;
        float: left;
}

#video1 {
        height:220px;
        float: left;
        margin:20px 0px 0px 0px;
}


#videodessus {
        z-index: 1000;
        height:220px;
        margin-left:30px;
        top:460px;
        position:absolute;
}

#cadrage {
        color:#2f2b2b;
        width:480px;
        left:20px;
        height:400px;
        padding-right:30px;
        padding-left:30px;
         padding-top:30px;
        border-right:1px solid #ffffff;
        float:left;
}

#flash {
	margin-top:30px;
    font-weight: bold;
}

img { 
	border:0px; 
}

#div1, #div2, #div3, #div4,  #div5 {
        border: 1px solid #ffffff;
        background-color: #fbf9f0;
        }

        
      #div1 {
        height: 145px;
        width: 170px;
        float: left;
        margin:0px 20px 0px 0px;
        }

      #div4 {
        height: 145px;
        width: 170px;
         float: left;
        margin:0px 0px 0px 0px;
        }

      #div3 {
        height: 107px;
        width: 170px;
        float: left;
        margin:17px 20px 0px 0px;
        }        
        
      #div2 {
        height: 107px;
        width: 170px;
         float: left;
        margin:17px 0px 0px 0px;
        }

      #div5 {
        height: 122px;
        width: 361px;
         float: left;
        margin:17px 0px 0px 0px;
        }
#rectangle {
	background-color:#9BD41F;;
	/*background-color:C5E070;*/
	height: 20px;
	width:100%;
}

#bulle {
	font-size: 11px;
	color:#333;
	padding: 11px  10px 6px 10px;
	text-align:justify;
	line-height: 15px;
}

#paragraphe_start {
	background:  url(/images/gnome_paragraphe.jpg) top right no-repeat;
	padding: 10px 20px 10px 10px;
	height:150px;
}

#paragraphe_start #bloc {
	padding: 11px  10px 6px 10px;
}

#paragraphe_start #titre {
	padding: 8px  10px 6px 10px;
	color:#CD5B24;
	font-weight:bold;
	font-size:13px;
	border: 1px solid #CD5B24;
}

.wrapper { 
	width: 507px; 
	margin: 30px auto 20px auto;
}
#ticker { min-height: 26px; margin-bottom: 15px; background: url(/images/wrapper2.gif) no-repeat left bottom; position: relative; }

#ticker p { width: 100%; padding-top: 5px; padding-bottom: 0.2em; background: url(/images/wrapper1.gif) no-repeat top left; float: left; }

#ticker a#ticker-headline { width: 9.5em; margin-right: 1em; color: #565656; font-weight: bold; text-align: center; border-right: 1px solid #808080; display: block; float: left; }

#ticker a#news-headline { padding-left: 11px; color: #a1a5a9; float: right; }

#ticker a { color: #6e6e6e; text-decoration: none; }

#ticker a#news-link { margin-left:20px; }


/*******************************************************
						LISTES
*******************************************************/

#annonces {
	width: 350px;
	margin-right: 10px;
	padding: 0;
	position: relative;
	text-align: left;
	overflow: hidden;
	float: left;
}

#annonces a:hover {
	text-decoration: none;
}

#annonces .annonceliste {
	width: 350px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0px 15px 20px;
	display: block;
	border-top: 1px solid #cacaca;
	overflow: hidden;
}

#annonces .annoncelisteA {
	width: 350px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0px 15px 20px;
	display: block;
	overflow: hidden;
}

#depeches {
	width: 400px;
	margin-right: 20px;
	padding: 0;
	background: white url(/images/bg_depeches.jpg) no-repeat;
	position: relative;
	text-align: left;
	overflow: hidden;
	float: left;
}

#depeches a:hover {
	text-decoration: none;
}

#depeches .liste {
	width: 400px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0px 15px 30px;
	display: block;
	border-top: 1px solid #cacaca;
	overflow: hidden;
}

#depeches .listeA {
	width: 400px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0px 15px 30px;
	display: block;
	overflow: hidden;
}

#depeches li:hover {
	text-decoration: none;
	background: #c0dbed url(/images/bg_dep_head.jpg) no-repeat;
	color: black;
	font-size:12px;
}

#depechesG {
	width: 600px;
	margin-right: 20px;
	padding: 0;
	height: 290px;
	background: white url(/images/bg_depechesG.jpg) no-repeat;
	position: relative;
	text-align: left;
	overflow: hidden;
	float: left;
}

#depechesG a:hover, a, a:visited {
	text-decoration: none;
	color: #000000;
}

#depechesG .liste {
	width: 600px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0px 15px 30px;
	display: block;
	border-top: 1px solid #cacaca;
	overflow: hidden;
}

#depechesG .listeA {
	width: 600px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0px 15px 30px;
	display: block;
	overflow: hidden;
}

#depechesG li:hover {
	text-decoration: none;
	background: #c0dbed url(/images/bg_dep_head.jpg) no-repeat;
	color: black;
	font-size:12px;
}

/*******************************************************
						LISTES
*******************************************************/

.baliseDiv {
	background:  url(/images/intro_deco.jpg);
	padding-top: 10px;
	width:450px;
}

.baliseDiv #intro {
	background:  url(/images/intro_fleche.jpg) no-repeat;
	padding:15px 15px 10px 40px;
	border-bottom: 2px solid #ffffff;
	text-align: justify;
}

.baliseDiv li {
	padding: 20px 0 0 20px;
}

.baliseDiv ul {
	padding: 0px 0 20px 0;
}

#valide_portail {
	margin: 10px 0 10px 0;
	text-align:center;
	background:  url(/images/intro_validation.jpg);	
}

#introportail {
	background:  url(/images/intro_deco.jpg);
	padding:15px 15px 10px 15px;
	text-align: justify;
	margin:0 10px 10px 10px;
}

#portail {
	width:960px;
	height:auto;
	margin:0 20px 0 0;
}

#portail2 {
	width:900px;
	height:450px;
	overflow:auto;
	padding-left: 10px;
	padding-top: 20px;
	color:#383033;
	margin-left:40px;
	background-image:url(/images/portail_rouge.jpg);
		background-repeat:no-repeat; 
	background-position:right bottom;
}

#portail2 a { 
	color:#e7075c; 
	text-decoration:none; 
	padding-left:0px; 
	padding-right:1px; 
	font-weight: bold;
}

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


#goufre {
height:4px;
}

.classement {
		color: #000000;
}


#blanc {
	padding-bottom:10px;
	border-bottom: 2px solid #ffffff;	
}


.introduction_galerie { 
	line-height:1.3em; 
	padding:9px 9px 9px 9px;
	background: #676760;
	margin-bottom: 18px;
	margin-top: 0px;
	letter-spacing : 1px;
	color: #ffffff;
}

#presentation_galerie {
	line-height:1.3em; 
	padding:15px 20px 20px 20px;
	background-image:url(/images/decovertpale.jpg);
}

.presentation {
	padding:9px 9px 20px 9px;
	border-top: 1px solid #cacaca;
	text-align:justify;
}

.presentationA {
	padding:9px 9px 20px 9px;
	text-align:justify;
}


/* ***********************************************	
	Définitions
************************************************** */

#txt_definitions {
	width: 630px;
	height: 400px;
	overflow: auto;
}

.explication p {  font-size: 12px; line-height: 18px; color: #333; border-bottom: solid 1px #eeeeee; padding:10px 0px 10px 0px; margin-bottom: 10px;}

.definition {  font-style: italic; font-size: 11px; line-height: 14px; color: #6666CC; margin-bottom: 25px;}

.fondateur {  font-size: 11px; line-height: 14px; font-weight: bold; color: #996633; margin-bottom: 5px;}

H3 { font-size: 13px; line-height: 12px;  font-weight: bold; color: #000000; text-align: left; margin: 10px 0px 10px 0px;}


/* ***********************************************	
	Bandeau images
************************************************** */


#sidebar { float: right; width: 200px; padding-left: 20px; padding-right: 0px; margin-right:12px;border-left:solid 1px #676760; voice-family: "\"}\""; voice-family: inherit; }

.marque img { margin: 0 0 10px 0; border: 1px solid #676760; }

#sidebar img { margin: 0 0 10px 0; border: 1px solid #676760; }
#sidebar img.noborder {border: none;}

#sideportrait { float: right; width: 200px; margin-top:20px;}
#sideportrait img { margin: 0 10px 10px 0; }
#sideportrait img.noborder {border: none;}

#contentD {float: right; width: 540px;}
#sidebarD {float: left; width: 200px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; margin-left:10px;}

#sidebarD { width: 220px; padding-left: 0px; padding-right: 20px; voice-family: "\"}\""; voice-family: inherit; border-right:solid 1px #676760;}

#sidebarD img { margin: 0 0 12px 0; border: 1px solid #676760; }
#sidebarD img.noborder {border: none;}


/* ***********************************************	
	Actualites
************************************************** */


#actu_haut {
    background: url(/images/cduvert.jpg) top left;
}

#texte_intro_actu {

    height: 180px;
    width: 600px;
    margin-left:20px;
}


#milieuZ {
	float:left;
	width:950px;
	padding: 10px 0px 20px 0px;
	background-color:#FFFFFF;
	margin:20px 0px 0px 0px;
}

.texte_intro_actu1 {
	padding: 15px 15px 10px 15px; 
	color: #000000c; 
	font-size:12px;
	text-align:justify;
	border-bottom: 1px solid #ffffff;
}

.texte_intro_actu2 {
	padding: 10px 15px 10px 15px; 
	color: #47392c; 
	font-size:12px;
	text-align:justify;
}

#actualites {
	float:left;
	width:940px;
	padding: 10px 5px 1px 5px;
	border: 1px solid #e5e5e5;
	background-color:#FFFFFF;
	margin-left:0px;
	margin-right:0px;
}


#titreactualites {
	width:700px;
    background: no-repeat url(/images/fd_titre_actu.jpg) top left;
    margin-left:20px;
    margin-top:0px;
    margin-bottom: 0px;
	text-align:left;
	height:15px;
}

#cesure {
	margin:10px 20px 20px 20px;
	border-top: 1px solid #e5e5e5;
	width:auto;
}

.titretexte {
	color:#CD5B24;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 15px 0px 12px;
	margin-left:10px;
    font-weight:bold;
    letter-spacing : 1px; 
    background-color:#ffffff;
    height:15px;
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#actualites #principal {
	height:180px;
	margin-bottom:10px;
}

#actualites #principal #centre {
	width:auto;
	margin:0px 0px 0px 0px;
	height:170px;
	padding-top:5px;
	padding-bottom:10px;
}


#actublok{
	float:left;
	width:217px;
	height:160px;
	margin: 10px 8px 0px 8px;
	border-right:solid 1px #e5e5e5;
}

#actublokE {
	float:left;
	width:225px;
	height:160px;
	margin-top:10px;
	margin-right:0px;
}

	
#actuHeaderContainer  {
		height: 35px;
	    font-size:14px;
	    color:#999999;
	    text-align:center;
		background-color:#ffffff;
		margin-bottom:5px;
        font-weight:bold;
}

	
.adImg  {
	    height:90px;
	    border:0px;
	    clear:both;
        display:block;
	    margin-bottom:2px;
        margin-left:auto;
        margin-right:auto;
	}

#actublokimages {
		height:90px;
}

#linka {
		margin: 10px auto 20px auto;;
		text-align:center;
		width:auto;
}

#linka a {
	font-size:12px;
	 color:#0085CF;
	 text-align: center;
	text-decoration: none;

}

#linka a:hover {
	font-size:12px;
	 color:#190bd1;
	 text-align: center;
	text-decoration: underline;
}
    

.introduction_actu {
	margin: 10px 0px 20px 0px;
}


#blocactu {
	width: 580px;
	margin-right: 20px;
	padding: 0;
	height: 290px;
	background: white url(/images/bg_depechesG.jpg) no-repeat;
	position: relative;
	text-align: left;
	overflow: hidden;
	float: left;
	padding-left: 50px;
}

#blocactu2 {
	width: 580px;
	margin-right: 20px;
	padding: 0;
	padding-top: 10px;
	height: 140px;
	background: white url(/images/bg_depechesGF.jpg) no-repeat;
	position: relative;
	text-align: left;
	overflow: hidden;
	float: left;
	padding-left: 50px;
	padding-bottom:28px;
}

#bloccompte {
	width: 670px;
	margin-right: 20px;
	padding: 0;
	height: 320px;
	background: white url(/images/bg_depechesG.jpg) no-repeat;
	position: relative;
	text-align: left;
	overflow: visible;
	float: left;
	padding-left: 50px;
}

html>body #bloccompte {
	height: auto;
	min-height: 320px;
}

#blocactu p {
	margin-bottom:20px;
}

#espaceligne {
	margin:8px 0 6px 0;
	float: left;
}

#espaceligneP {
	margin:6px 0 4px 0;
	float: left;
}

#blocvalidation {
	margin:10px 0 8px 0;
			float: left;
			width:100%;
	text-align:center;
}

#importantsaisie {
	padding: 10px 10px 10px 10px;
	border: 1px solid #9eab59;
	margin: 0px 0px 15px 0px;
	float: left;
}

#importantsaisie a {
	color: #018ace;
	font-weight:bold;
}
	
#largeur250 {
	width: 220px;
		float: left;
}

#largeur200 {
	width: 180px;
		float: left;
}

#largeur200D {
	width: 230px;
	float: left;
	padding-left: 15px;
	color: #1c021f;
	font-weight:bold;
}

#largeur700 {
	width: 740px;
	float: left;
	margin-left: 30px;
}

#largeur710 {
	width: 710px;
	float: left;
	margin-left: 30px;
}

#largeur600 {
	width: 600px;
	float: left;
	margin-left: 20px;
}

#largeur340 {
	width: 320px;
	float: left;
	margin-left: 25px;
}

#reponseunique {
	margin: 100px 0 100px 0;
	font-size:15px;
	text-align: center;
	font-weight:bold;
}

#reponseunique1 {
	margin: 60px 0 60px 0;
	font-size:13px;
	font-weight:bold;
}

#retourdroite {
	margin-right: 20px;
	text-align: right;
}

#partie {
	margin: 20px 20px 25px 30px;
	border-left: solid 3px #A3BF4C;
}


#partie ul, #partie li, #centre #partie ul, #centre #partie li {
	text-decoration:none;
	list-style-type: none;
	line-height: 18pt;
	margin-left:2px;
}

#partie ul a, #partie li a, #centre #partie ul a, #centre #partie li a {
	color: #574840; 
	padding-left:25px;
}

#partie ul a:hover, #partie li a:hover,  #centre #partie ul a:hover, #centre #partie li a:hover {
	color:#A3BF4C;
	background-image:url(/images/flecheverte.jpg);
	background-repeat:no-repeat; 
	padding-left:25px;
	background-position:left bottom;
	text-decoration:none;
	font-weight:bold;
}

#recherche {
	width: 950px;
	padding: 5px 10px 5px 15px;
}

/* ***********************************************	
	Enregistrement
************************************************** */


.cadreformSaisie {
	margin-top:5px;
	padding: 10px 10px 10px 10px;
	background-repeat:no-repeat; 
	background-position:right top;
	border:solid 1px #000000;
	width:770px;
}

#cadreformSaisie {
	margin-top:5px;
	padding: 10px 10px 10px 10px;
	border:solid 1px #000000;
	width:770px;
}

.saisie {

}

.facultation {

}

.presentationForm {
	margin-bottom: 20px;
	padding-bottom: 20px;
	color:#9BD41F;
	font-weight:bold;
	border-bottom:solid 1px #9BD41F;
}

#presentationForm {
	margin-bottom: 15px;
	padding-bottom: 5px;
	color:#9BD41F;
	font-weight:bold;
	border-bottom:solid 1px #9BD41F;
}

.apresimportant {

}

select {	
	margin-left: 0px;
	padding: 1px 1px 1px 1px;
	background-repeat:no-repeat; 
	background-color:#F5F4F8;
	background-position:right top;
	border-bottom:solid 1px #00468C;
	border-top:solid 1px #00468C;
	border-right:solid 1px #00468C;
	border-left:solid 1px #00468C;
}


input {
	margin-left: 0px;
	padding: 1px 1px 1px 1px;
	background-repeat:no-repeat; 
	background-color:#F5F4F8;
	background-position:right top;
	border-bottom:solid 1px #00468C;
	border-top:solid 1px #00468C;
	border-right:solid 1px #00468C;
	border-left:solid 1px #00468C;
}

textarea {
	margin-left: 0px;
	padding: 1px 1px 1px 1px;
	background-repeat:no-repeat; 
	background-color:#F5F4F8;
	background-position:right top;
	border-bottom:solid 1px #00468C;
	border-top:solid 1px #00468C;
	border-right:solid 1px #00468C;
	border-left:solid 1px #00468C;
}

option {
	padding-left:10px;
}

#blocdemande {
	width: 720px;
	float: left;
	margin: 3px 5px 3px 10px;
}

#blocdemandeexplication {
	width: 700px;
	float: left;
	margin: 3px 5px 10px 10px;
}

#blocdemandecentre {
	width: 700px;
	float: left;
	margin: 3px auto 3px auto;
	text-align:center;
}

#blocdemandecentreI {
	width:750px;
	float: left;
	margin: 3px auto 3px auto;
	text-align:center;
}

#blocdemandeI {
	width:750px;
	float: left;
	margin: 3px 5px 3px 10px;
}

#blocdemandeenumeration {
	width:750px;
	float: left;
	padding-left: 20px;
	margin: 4px 5px 1px 10px;
}

#mademande {
	margin: 0px 5px 0px 10px;
	width: 270px;
	float: left;
}

#sonlog {
	margin: 0px 5px 0px 10px;
	width: 200px;
	float: left;
}

#sareponse {
	margin: 0px 5px 0px 5px;
	width: 420px;
	float: left;
	color: #000000;
}

#mademande1parties {
	margin: 0px 5px 0px 10px;
	width: 170px;
	float: left;
}

#mademande2parties {
	margin: 0px 5px 0px 10px;
	width: 230px;
	float: left;
}

#mademandesmall20 {
	margin: 0px 5px 0px 10px;
	width: 10px;
	float: left;
	text-align:center;
}

#mademandesmall {
	margin: 0px 10px 0px 10px;
	width: 60px;
	float: left;
	text-align:center;
}

#mademandebig {
	margin: 0px 5px 0px 10px;
	width: 260px;
	float: left;
	text-align:center;
}

#mademandetresbig {
	margin: 0px 5px 0px 10px;
	width: 300px;
	float: left;
	text-align:center;
}

#mademandeenorme {
	margin: 0px 5px 0px 10px;
	width: 450px;
	float: left;
	text-align:center;
}

#demandeenorme {
	margin: 0px 5px 0px 10px;
	width: 400px;
	float: left;
	padding-left:15px;
	padding-right:10px;	
}

#mademandebig1 {
	margin: 0px 5px 0px 10px;
	width: 200px;
	float: left;
}

#mademandeen3partiesegales {
	margin: 0px 5px 0px 10px;
	width: 220px;
	float: left;
}

#mademandetresbig1 {
	margin: 0px 5px 0px 20px;
	width: 360px;
	float: left;
}

#mademandetresbig2parties {
	margin: 0px 5px 0px 10px;
	width: 480px;
	float: left;
}



#retrait {
	padding: 5px 15px 10px 15px;
}

#retrait10 {
	padding: 0px 10px 0px 10px;
		float: left;
}

#ensembleouverturecompte {
	width: 570px;
}

#blocouverturecompte {
	margin: 50px auto 20px 40px;
	width: 520px;
	text-align:left;
	float:left;
	border-bottom: 2px solid #550c16;
	padding-bottom: 10px;
}

#blocouverturecompte1 {
	margin: 5px auto 20px 40px;
	width: 520px;
	text-align:left;
	float:left;
	padding-bottom: 10px;
}

#alerte {
	padding: 20px auto 20px auto;
	font-weight:bold;
	color:#ff0000;
}

#paragraphe {
	margin: 20px 0px 0px 10px;
	text-align:justify;
	width:650px
}

#paragraphebig {
	margin: 40px 0px 30px 10px;
	text-align:justify;
	width:650px
}

#paragraphecentre {
	margin: 20px 0px 0px 10px;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
	width:650px
}

/* calendrier*/

#calendriergauche {
	margin:5px 30px 6px 20px;
	width:415px;
		float: left;
}

#calendriergaucheligne {
	width: 415px;
	float: left;
	margin-bottom:25px;
}

#calendriergaucheligneG {
	width: 135px;
	text-align:left;
	float: left;
	font-size: 8px;
}

#calendriergaucheligneC {
	width: 140px;
	text-align:center;
	text-transform: uppercase ;
	float: left;
	font-weight: bold; 
	font-size: 14px;
}

#calendriergaucheligneD {
	width: 135px;
	text-align:right;
	float: left;
}

#calendriergaucheligneD a, #calendriergaucheligneD a:visited, #calendriergaucheligneG a, #calendriergaucheligneG a:visited {
	font-size: 10px;
}

#calendriergauche a,#calendriergauche a:visited {
	color: #cc3300;
	text-decoration: none;
	font-weight: bold;  	
}

	
#dep_top {
	background: #99cc33;
	position: bottom;
	height: 18px;
	padding-bottom: 0px;
	width: auto;
	margin-top: 0px;
	padding-top: 10px;
	color: #ffffff;
	letter-spacing : 2px;
	text-align: center;
	font-weight:bold;
}


#calendrierdroite {
	margin:5px 40px 6px 20px;
	float:right;
	width:440px;
}

#first {
	margin:25px 0px 6px 0px;
	text-align: justify;
	color: #000000;
	height:130px;
	width:auto;
}

#autour {
	padding: 10px 10px 10px 10px; 
	float:left;
	border:solid 1px #99cc33;
	width: 420px;
}

#autourligne {
	margin-bottom: 30px;
	width: 400px;
}

#autourligneC {
	margin-top:5px;
	text-align:center;
}

#autourligneD {
	width:140px;
	float:left;
}

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

#interieurDroite #resultat {
	margin-top: 30px;
	margin-left: 20px;

}

#retourresultat a {
	font: bold 12px Helvetica, "Trebuchet MS", sans-serif;
	color:#000000;
}

#retourresultat {
	margin-top: 30px;
	margin-left: 30px;
	float:left;
}

#retourresultat ul,#retourresultat li {
	padding-bottom: 10px;
}

#mauvaiseidentification {
	margin: 5px auto 30px auto;
	text-align:center;
	font-size: 14px;
	color:#ff0000;
	font-weight:bold;
}

#compteintroduction {
	margin: 5px auto 30px auto;
	text-align:justify;
	font-size: 14px;
	color:#000000;
	font-weight:bold;
}

#paragraphecompte {
	width:650px;
	float: left;
	margin: 0px 5px 40px 10px;
}

#bloccompteenregistrement {

margin: 10px 0px 10px 20px;
}

/* ***********************************************	
	les tableaux
************************************************** */


#bloccompteenregistrement table {
border: thin solid #6495ed;
border-collapse: collapse;
margin: 10px 5px 20px 20px;
}

#bloccompteenregistrement td {
font-family: sans-serif;
border: thin solid #6495ed;
padding: 5px;
text-align: center;
background-color: #ffffff;
}



/* ***********************************************	
	les titres
************************************************** */

h2, h2 a, h2 a:visited {
border-bottom: 1px solid #550c16;
padding-bottom: 3px; 
padding-top: 0px; 
	color:#CD5B24;
	font-weight:bold;
font-size:17px;
margin-bottom: 20px;
}

h1 {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#A3BF4C;
	font-family: verdana, arial, times new roman;
	padding:6px 15px 6px 15px;
	cursor:pointer;
	text-transform: uppercase;
	margin-bottom:20px;
	}

h3, h3 a, h3 a:visited {
	color: #333333;
	font-size: 14px;
	font-family: verdana, arial, times new roman;
	font-weight: bold;
	margin: 2px 0px 20px 0px;
	padding: 8px 0px 8px 0px;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	}
	
#pallier, #pallier a, #pallier a:visited {
border-bottom: 1px solid #b8b610;
padding-bottom: 3px; 
padding-top: 0px; 
color: #b8b610; 
font-size:14px;
margin-bottom: 20px;
font-weight:bold;
}

#pallier2 {
font-weight:bold;
font-size:12px;
color:#CD5B24;
}


/* ***********************************************	
	les textes
************************************************** */

#paragraphemarron {
	margin-bottom: 12px;
}

#paragraphemarron p, #paragraphemarron li{
	font-size:13px;
	color:#574840;
}


/* ***********************************************	
	les espaces questions annuaires
************************************************** */


#interrogationannuaire {
	margin: 0px 5px 0px 10px;
	width: 240px;
	float: left;
	padding-left:15px;
	padding-right:10px;
}

#bloccentral {
	width: 790px;	
	padding: 0 15 5 0;
	float: left;
	background:#ffffff;
	margin:10px 0px 20px 30px;
	border-left:solid 30px #C5E070;
	border-bottom:solid 1px #C5E070;
}

#bloccentralnormal {
	width: 670px;	
	padding: 0 15 5 0;
	float: left;
	background:#ffffff;
	margin:20px 0px 20px 60px;
	border-left:solid 60px #C5E070;
	border-bottom:solid 1px #C5E070;
}

#blocretour {
	width: 400px;
	height:80px;
	margin-left:320px;
	padding-top:10px;
	border-bottom:dashed 1px #dddddd;
	background: no-repeat  url(/choix_portrait/visu_CMG_recrute.gif) bottom left;
}	



#hauteur {
	height:20px;
}