* {margin:0; padding:0;}

body { background-color:#FFFFFF; font-family: Georgia; font-size:13px; color:#969388; text-align:center; margin:auto;}
IMG { border:none; }
.clear_left {width:0px; height:0px; clear:left;}

.general { width:1000px; border: 1px solid #969388;text-align: left; margin:0pt auto;}

.header { width:1000px;}
.logo { float:left; width:182px; height:142px; background: #ffffff url(img/fond_logo.jpg) top left repeat-x;}
.logo a { }
.logo img { margin:17px 0px 0px 80px;}
.bando_haut {float:left; width:818px; height:142px; background : #ffffff url(img/fond_bando_haut.jpg) top left no-repeat}

.corps { width:1000px; background: #ffffff url(img/fond_menu.jpg) top left repeat-y;}

/* bando gauche*/
.bando_gauche { float:left; width:184px; }
/* login */
.login { width:184px; padding:10px 0px; text-align:right; font-family: Arial; font-size:11px; font-weight:bold; line-height:18px; background: #ffffff url(img/fond_bando_gauche.jpg) top left repeat-y;}
.login p { margin-right:20px;}
.login a {font-family: Arial; font-size:11px; font-weight:bold; color:#969388; text-decoration:none;}
.login a:hover { text-decoration:underline;color:#8d65a9;}
/* fin login*/
/* menu */
.menu { text-align:right; margin-right:20px;}
.choix { margin: 5px 0px;font-family: Arial; font-size:12px; font-weight:bold; color:#969388;text-transform: uppercase; }
.choix a {font-family: Arial; font-size:12px; font-weight:bold; color:#969388; text-decoration:none;}
.choix a:hover { text-decoration:underline;color:#8d65a9;}
.souschoix { margin: 8px 0px;font-family: Arial; font-size:9px; font-weight:bold; color:#969388;}
.souschoix a {font-family: Arial; font-size:9px; font-weight:bold; color:#969388; text-decoration:none;}
.souschoix a:hover { text-decoration:underline;color:#8d65a9;}
a.encours { color:#8d65a9;}
.separ_dotted { width:25px; height:1px; margin-left:139px; border-bottom: 1px dotted #969388;}
.fleche_bas_grise { width:10px; height:10px; margin:12px 0px 22px 145px; background:url(img/fleche_bas_grise.gif);}

/* fin menu */
/* fin bando gauche */

.conteneur { float:left; width:816px; margin:0px; padding:0px;}

.fil { margin:10px 0px 34px 35px; width:781px; font-family:Arial; font-size:10px; font-weight:bold;}
.fil a { font-family:Arial; font-size:10px; font-weight:bold;color:#969388; text-decoration:none }
.fil a:hover { text-decoration:underline; color:#8d65a9}

/* contenu sur une colonne*/
.colonne_unique { margin-left:35px; width:748px;}
.colonne_unique .separ_bleu { height:1px; width:748px;margin-bottom:10px;background: #ffffff url(img/separ_bleu.jpg) top left no-repeat }
.colonne_unique h1 { font-family:Arial; font-size:22px; color:#8d65a9; margin-bottom:15px;}
.colonne_unique h2 { font-size:16px; color:#8d65a9; margin-bottom:15px;}
.colonne_unique h3 { font-size:16px; color:#8d65a9;}
.colonne_unique h4 { font-size:14px; color:#8d65a9;}
.colonne_unique a { font-family: Georgia; color:#8d65a9;text-decoration:underline}
.colonne_unique p { margin-bottom:15px;}
.colonne_unique img { margin-bottom:15px;}
.colonne_unique table{margin-top : 15px;margin-bottom:15px;}
.colonne_unique .tx-iframeflexform-pi1 {height:90%; width:100%; float:left;}
/*fin contenu sur une colonne */

/* contenu sur deux colonne */
.fond_2col { width:781px; background: #ffffff url(img/fond_contenu_2col.gif) top left repeat-y; margin:0px 0px 0px 0px; padding:0px 0px 0px 35px;}
.colonne_g { float:left;width:474px;margin:0px 0px 0px 0px;}
.colonne_g h1 { font-family:Arial; font-size:22px; font-weight:bold; color:#959383;margin-top:15px;}
.colonne_g h2 { font-family:Arial; font-size:22px; font-weight:normal; color:#959383;margin-bottom:25px}
.colonne_g h3 { font-family:Arial; font-size:14px; font-weight:bold; color:#8d65a9}
.colonne_g h4 { font-family:Arial; font-size:14px; font-weight:normal; color:#8d65a9; margin-bottom:0px;}
.colonne_g p { margin-bottom:25px}
.colonne_g a { font-family: Georgia; color:#8d65a9;text-decoration:underline}
.colonne_g a:hover { color:#8d65a9;text-decoration:underline}
.fleche_bas_bleue { width:10px; height:10px; margin:30px 0px;}
.colonne_d { float:left;width:240px;margin-left:30px;}
.colonne_d h1 { font-family:Arial; font-size:22px; font-weight:bold; color:#959383;}
.colonne_d h2 { font-family:Arial; font-size:22px; font-weight:normal; color:#959383;margin-bottom:15px}
.colonne_d h3 { font-family:Arial; font-size:22px; font-weight:bold; color:#959383;margin-bottom:15px}
.colonne_d h4 { font-family:Arial; font-size:14px; font-weight:bold; color:#8d65a9;}
.colonne_d p { margin-bottom:25px}
.colonne_d a { font-family: Georgia; font-size:13px; color:#8d65a9;text-decoration:underline}
.colonne_d .contenu table { width:100%;font-family: Arial; font-size:9px; font-weight:bold; color:#959383; margin-bottom:25px;}
.colonne_d .contenu td { border-bottom:1px dotted #959383; padding:3px 0px;}
/* fin contenu sur deux colonne */





/* page identification */
.conteneur_ident {width:384px;margin:230px auto}
.conteneur_ident p { font-family:Arial; font-size:16px; font-weight:bold; color:#969388; padding:0px 10px;}
.identification {width:384px; height:258px; background: #ffffff url(img/fond_identification.gif) top left no-repeat; padding-top:30px}
.identification h1 { font-family:Arial; font-size:16px; font-weight:bold; color:#969388; margin-left:25px;}
.identification input { border:0; }
.identification .entete { float:left;width:135px; margin: 12px 15px 0px 16px; padding-top:3px;font-family:Arial; font-size:11px; font-weight:bold; color:#969388; text-align:right}
.identification .champ { float:left;margin-top:10px;width:190px;}
.identification .champ input { width:100%; height:20px; border:0;}
.identification .charte { float:left;width:135px; margin:20px 0px 0px 16px; font-family:Arial; font-size:8px; font-weight:bold; color:#969388;text-align:right}
.identification .charte a { font-family:Arial; font-size:8px; font-weight:bold; color:#969388;text-decoration:underline}
.identification .charte a:hover { color:#8d65a9}
.identification .checkbox {float:left; margin:20px 0px 0px 15px;}
.identification .checkbox input{width:13px; height:13px; overflow:hidden}
.identification .bt {float:left; }
.identification .bt input { background-color:#776AB0; width:99px; height:21px; margin:20px 0px 0px 76px}
/* fin page identification */


.csc-frame csc-frame-frame1{margin-top:30px;}