body {
	background-color:#E7E7E7;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 0px;
	margin:10px;
	color:#666666;
}

#container {
	text-align: left;
	width:955px;
	border-width:0px;
	margin:auto;
	position: relative;
	display:block;
	background-color:#FFFFFF;
	color:#666666;
}

/*html>body #container {
	height: auto;
	min-height: 895px;
}*/

/*****************************************************
*					BANDEAU DU HAUT
*****************************************************/

#bhaut
{
	width:955px;
}

#bhautlogo, #bhautdroite
{
	height:129px;
	float:left;
}

#bhautlogo {
	width:233px;
}

#bhautdroite, #bhauttitre, #bhaut_menu {
	width:722px;
}

#bhautmenu
{
	clear:both;
	background-color:#FFFFFF;
	height:25px;
	padding-right:60px;
	font-size:13px;
	font-weight: bold;
	color:#666666;
}

.btnhaut
{
	float:right;
	padding-top:5px;
}

.btnhaut a
{
	padding-left:15px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	color:#787878;
	font-size: 13px;
	font-weight: bold;
	background-color:#FFFFFF;
}

.btnhautespace
{
	padding-right:15px;
}

/*****************************************************
*				MENU PRINCIPAL ET TEXTE
*****************************************************/

#gauche, #bloccentre, #menugauche, #menucentre, #menudroite, #droite, #textefond, #texte, #droitetexte
{
	float:left;
}

#gauche
{
	width:52px;
	background-image:url(../images/CGA37_V2_10.gif);
	background-repeat:no-repeat;
	height:742px;
}

#bloccentre
{
	width:843px;
}

#menugauche
{
	width:181px;
	background-image:url(../images/fond_menu.gif);
	height:183px;
	background-repeat:no-repeat;
}

.menugrisjaune
{
	font-size: 13px;
	font-weight: bold;
	width:181px;
}

.menugrisjaune1
{
	font-size: 13px;
	font-weight: bold;
	width:301px;
}

.menugrisjaune a, .menugrisjaune1 a
{
	padding-left:13px;
	display:block;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	color:#787878;
	background-color:inherit;
}

#menubasgris, #menubasvert
{
	height:1px;
}

#menubasgris
{
	background-image:url(../images/menu_gris_bas.png);
	width:181px;
}

#menubasvert
{
	background-image:url(../images/menu_vert_bas.png);
	width:301px;
}

#menucentre
{
	width:662px;
	background-image:url(../images/fond_jaune_menu.gif);
	height:183px;
}

#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a, #menu7 a
{
	height:21px;
	/*height:26px;*/
	padding-top:5px;
}

#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover, #menu7 a:hover
{
	height:21px;
	/*height:26px;*/
	padding-top:5px;
}

#menu1 a {
	background-image:url(../images/btn_menu1_e.gif);
}
#menu1 a:hover {
	background-image:url(../images/btn_menu1_s.gif);
}
#menu1 a.menu1selected {
	background-image:url(../images/btn_menu1_a.gif);
}

#menu2 a {
	background-image:url(../images/btn_menu2_e.gif);
}
#menu2 a:hover {
	background-image:url(../images/btn_menu2_s.gif);
}
#menu2 a.menu2selected {
	background-image:url(../images/btn_menu2_a.gif);
}

#menu3 a {
	background-image:url(../images/btn_menu3_e.gif);
}
#menu3 a:hover {
	background-image:url(../images/btn_menu3_s.gif);
}
#menu3 a.menu3selected {
	background-image:url(../images/btn_menu3_a.gif);
}

#menu4 a {
	background-image:url(../images/btn_menu4_e.gif);
}
#menu4 a:hover {
	background-image:url(../images/btn_menu4_s.gif);
}
#menu4 a.menu4selected {
	background-image:url(../images/btn_menu4_a.gif);
}

#menu5 a {
	background-image:url(../images/btn_menu5_e.gif);
}
#menu5 a:hover {
	background-image:url(../images/btn_menu5_s.gif);
}
#menu5 a.menu5selected {
	background-image:url(../images/btn_menu5_a.gif);
}

#menu6 a {
	background-image:url(../images/btn_menu6_e.gif);
}
#menu6 a:hover {
	background-image:url(../images/btn_menu6_s.gif);
}
#menu6 a.menu6selected {
	background-image:url(../images/btn_menu6_a.gif);
}

#menu7 a {
	background-image:url(../images/btn_menu7_e.gif);
}
#menu7 a:hover {
	background-image:url(../images/btn_menu7_s.gif);
}
#menu7 a.menu7selected {
	background-image:url(../images/btn_menu7_a.gif);
}

#ssmenu1 a, #ssmenu2 a, #ssmenu3 a, #ssmenu4 a, #ssmenu5 a, #ssmenu6 a, #ssmenu7 a
{
	height:21px;
	/*height:26px;*/
	padding-top:5px;
}

#ssmenu1 a:hover, #ssmenu2 a:hover, #ssmenu3 a:hover, #ssmenu4 a:hover, #ssmenu5 a:hover, #ssmenu6 a:hover, #ssmenu7 a:hover
{
	height:21px;
	/*height:26px;*/
	padding-top:5px;
}

#ssmenu1 a {
	background-image:url(../images/btn_ssmenu1_e.gif);
}
#ssmenu1 a:hover {
	background-image:url(../images/btn_ssmenu1_a.gif);
}
#ssmenu1 a.sel {
	background-image:url(../images/btn_ssmenu1_a.gif);
}

#ssmenu2 a {
	background-image:url(../images/btn_ssmenu2_e.gif);
}
#ssmenu2 a:hover {
	background-image:url(../images/btn_ssmenu2_a.gif);
}
#ssmenu2 a.sel {
	background-image:url(../images/btn_ssmenu2_a.gif);
}

#ssmenu3 a {
	background-image:url(../images/btn_ssmenu3_e.gif);
}
#ssmenu3 a:hover {
	background-image:url(../images/btn_ssmenu3_a.gif);
}
#ssmenu3 a.sel {
	background-image:url(../images/btn_ssmenu3_a.gif);
}

#ssmenu4 a {
	background-image:url(../images/btn_ssmenu4_e.gif);
}
#ssmenu4 a:hover {
	background-image:url(../images/btn_ssmenu4_a.gif);
}
#ssmenu4 a.sel {
	background-image:url(../images/btn_ssmenu4_a.gif);
}

#ssmenu5 a {
	background-image:url(../images/btn_ssmenu5_e.gif);
}
#ssmenu5 a:hover {
	background-image:url(../images/btn_ssmenu5_a.gif);
}
#ssmenu5 a.sel {
	background-image:url(../images/btn_ssmenu5_a.gif);
}

#ssmenu6 a {
	background-image:url(../images/btn_ssmenu6_e.gif);
}
#ssmenu6 a:hover {
	background-image:url(../images/btn_ssmenu6_a.gif);
}
#ssmenu6 a.sel {
	background-image:url(../images/btn_ssmenu6_a.gif);
}

#ssmenu7 a {
	background-image:url(../images/btn_ssmenu7_e.gif);
}
#ssmenu7 a:hover {
	background-image:url(../images/btn_ssmenu7_a.gif);
}
#ssmenu7 a.sel {
	background-image:url(../images/btn_ssmenu7_a.gif);
}

#menudroite
{
	width:361px;
	height:183px;
	float:left;
}

#droite
{
	width:60px;
}

#textefond {
	width:843px;
	background-image:url(../images/contenu_central.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

#texte {
	padding-left:13px;
	margin-top:10px;
	margin-bottom:5px;
	width:830px;
	*width:843px;
	position:relative;
	min-height:545px;
}

#pagesstatiques a:link {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color:#333333;
}
#pagesstatiques a:visited {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color:#333333;
}
#pagesstatiques a:hover {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	color:#333333;
}
#pagesstatiques a:active {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color:#333333;
}

#droitetexte {
	width:206px;
	height:542px;
	background-image:url(../images/fond_droite.jpg);
	float:right;
}

#calage
{
	height:559px;
	width:0px; 
	float:left;
}

/*****************************************************
*					BANDEAU DU BAS
*****************************************************/

#bbas
{
	width:955px;
	background-image:url(../images/baspage.gif);
	height:22px;
	clear:both;
}

#bbascopyright
{
	float:left;
	padding-left:23px;
	height:22px;
}

#bbascopyright a
{
	display:block;
	background-image:url(../images/copyright_force_interactive.gif);
	width:29px;
	height:22px;
}

#bbasmenu
{
	color:#FFFFFF;
	float:left;
	width:676px;
	padding-left:127px;
	padding-top:3px;
	background-color:inherit;
}

#bbasmenu a
{
	color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
}


/*****************************************************
*						IMAGES
*****************************************************/

img.b {
	border: 0;
}


/*****************************************************
*						ACTUALITES
*****************************************************/

#contenueuractu
{
	height:220px;
}

#actualites {
	OVERFLOW: hidden;
	text-align:left;
	padding-left:8px;
	height:220px;
	width:206px;
	position:absolute;
}

#info1
{
	text-align:left;
	position:relative;
}

.posrelative
{
	/*POSITION:relative;*/
	/*position:relative;
	z-index:5;*/
}

.titre_actu_pg{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#464132;
}

.debut_actu_pg{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#464132;
}

a.savoir_plus_pg:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	padding-right:5px;
	color:#666666;
}
a.savoir_plus_pg:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	padding-right:5px;
	color:#666666;
}
a.savoir_plus_pg:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: underline;
	padding-right:5px;
	color:#666666;
}
a.savoir_plus_pg:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	padding-right:5px;
	color:#666666;
}

/*****************************************************
*				      FORMATIONS
*****************************************************/

#contenueurformationsAccueil {
	height:220px;
}

#formationsAccueil {
	OVERFLOW: hidden;
	text-align:left;
	padding-left:8px;
	height:210px;
	width:206px;
	position:absolute;
}

#info2
{
	text-align:left;
	position:relative;
}

.formationPresentation
{
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#464132;
}

.themeFormation
{
	padding-left:14px;
	font-weight:bold;
}

.listeFormations
{
	padding-left:10px;
}

.listeFormations img
{
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:2px solid transparent;
}

a.liendoc:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	padding-right:5px;
	color: #97A612;
}
a.liendoc:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	padding-right:5px;
	color: #97A612;
}
a.liendoc:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: underline;
	padding-right:5px;
	color: #97A612;
}
a.liendoc:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	padding-right:5px;
	color: #97A612;
}

/*****************************************************
*				      PLAN DU SITE
*****************************************************/
#plandusite ul
{
	list-style-image:url(../images/fleche_actu_ptt.gif);
	font-size:14px;
	padding-top:5px;
}

#plandusite ul ul
{
	list-style-image:url(../images/fleche_formation_ptt.gif);
	font-size:12px;
}

#plandusite ul ul ul
{
	list-style-image:url(../images/carre_formation2.gif);
}

#plandusite a {
	color:#000000;
}


/*****************************************************
*				      CONTACTS
*****************************************************/

.box {
	float: left;
	width : 390px;
	height: 175px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	background-image: url(../images/contacts/fond.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachement: fixed;
}
.asc {
	width : 370px;
	height: 175px;
	overflow: auto;
	margin-left: 20px;
}

#contact_rubrique img {
	border: 0;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#contact_rubrique .nomfnct {
	margin-top: 6px;
	margin-left: 25px;
}
#contact_rubrique .mail {
	height: 22px;
	padding-left: 24px;
	margin-left: 6px;
	padding-top: 2px;
	background-image: url(../images/contacts/internet-mail.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachement: fixed;
}
#contact_rubrique .mail a {
	color: #666666;
	text-decoration: none;
}
#contact_rubrique .mail a:hover {
	color: #000000;
	text-decoration: underline;
}
#contact_rubrique .tel {
	height: 22px;
	padding-left: 24px;
	margin-left: 6px;
	padding-top: 2px;
	background-image: url(../images/contacts/tel.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachement: fixed;
}
#contact_rubrique .descr {
	padding: 10px;
}

#envoimoiunjolimessage {
	clear: left;
	float: left;
	width : 800px;
	height: 250px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	background-image: url(../images/contacts/fond-form.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachement: fixed;
}
#envoimoiunjolimessage .form {
	width : 800px;
	height: 250px;
	overflow: auto;
	padding-left: 30px;
	padding-top: 10px;
	font-weight: bold;
}
#envoimoiunjolimessage .ligne {
	float: left;
	width: 600px;
}
#envoimoiunjolimessage .libelle {
	text-align: right;
	margin-right: 10px;
	margin-top: 4px;
	width: 150px;
	float: left;
}
#envoimoiunjolimessage .messageerreur {
	padding-left: 40px;
	width: 600px;
	margin-top: 50px;
	padding-top: 4px;
	height: 24px;
	color: #000000;
	background: #f9f9f9 url({/literal}{../images/contacts/tango-dialog-warning.png) no-repeat 4px center;
}
#envoimoiunjolimessage .messageok {
	padding-left: 40px;
	width: 600px;
	margin-top: 50px;
	padding-top: 4px;
	height: 24px;
	color: #000000;
	background: #f9f9f9 url({/literal}{../images/contacts/tango-dialog-information.png) no-repeat 4px center;

}



/*****************************************************
*				     DOCUMENTATION
*****************************************************/

#imagedocumentation
{
	text-align:center;
}


/*****************************************************
*				     FORMATIONS
*****************************************************/

#formationTextes
{
	width:620px;
}

#formationComplement
{
	width:620px;
}

#formationComplement .blocicone
{
	width:110px;
	text-align:center;
	font-size:10px;
	float:left;
	margin-top:10px;
}

#formationPresentation
{
	float:left;
	width:260px;
	padding-right:10px;
}

#formationPresentation img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#formationProgramme
{
	float:left;
	width:348px;
	background-image: url(../images/fond_formation.png);
	height:170px;
}

#formationProgramme ul
{
	margin-top:0px;
	list-style-type:disc;
}

#formationCCentre
{
	margin-top:20px;
	width:348px;
	height:100px;
}

#formationCCentre .texte
{
	padding-left:5px;
	overflow:auto;
	overflow-x:hidden;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachement: fixed;
	height:150px;
}


/*****************************************************
*				     LIENS
*****************************************************/

#liens ul {
	list-style-image: url(../images/fleche_actu_ptt.gif);
	font-size: 14px;
	padding-top: 5px;
}

#liens ul ul {
	list-style-image: url(../images/fleche_formation_ptt.gif);
	font-size: 12px;
}

#liens ul ul li {
	margin-bottom: 20px;
}

#liens ul ul ul {
	list-style-image: url(../images/carre_formation2.gif);
}

#liens a {
	color: #000000;
}



/*****************************************************
*				     PDF
*****************************************************/

#pdfmodifiable
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#pdfmodifiable input
{
	padding:0;
	border:1;
	margin:0;
	font-size:11px;
}

#pdfmodifiable textarea
{
	padding:0;
	border:1;
	margin:0;
	font-size:11px;
}

#pdfmodifiable form
{
	padding-bottom:10px;
	margin:0;
}

#pdfmodifiable .formbloc
{
	clear:both;
	margin:0px;
	padding:0px;
	border-top:5px solid transparent;
}

#pdfmodifiable .formbloc table
{
	width:820px;
	border:1px solid #CCCCCC;
	text-align:center;
}

#pdfmodifiable .formbloc table td
{
	border-left:1px solid #CCCCCC;
}

#pdfmodifiable .formbloc table td.ssbordure
{
	border-left:0px;
}

#pdfmodifiable .formbloc table thead td
{
	border-bottom:1px solid #CCCCCC;
	font-size:12px;
	font-weight:bold;
}

#pdfmodifiable .formbloc table tbody input
{
	margin-bottom:2px;
	margin-top:2px;
}

#pdfmodifiable .decaleradio0
{
	margin-left:424px;
}

#pdfmodifiable .decaleradio1
{
	margin-left:91px;
}

#pdfmodifiable .decaleradio2
{
	margin-left:257px;
}

#pdfmodifiable .decaleradio3
{
	margin-left:43px;
}

#pdfmodifiable .lelibelle
{
	width:190px;
	float:left;
}

#pdfmodifiable .lechamps
{
	float:left;
}

#pdfmodifiable .sstitre
{
	padding-top:15px;
	text-decoration:underline;
	font-weight:bold;
	clear:both;
}

#pdfmodifiable .bouton
{
	border:1px solid #666666;
	background-color:#00207B;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	padding:3px;
}

/*****************************************************
*				     Sortable
*****************************************************/

/* Sortable tables */
table.sortable thead {
    background-color:#666666;
    color:#FFFFFF;
    font-weight: bold;
    cursor: default;
	vertical-align:bottom;
	height:20px;
}

.sortable a {
	color:#000000;
	text-decoration:none;
}

.sortable a:hover {
	color:#ffffff;
	text-decoration:underline;
}


/*****************************************************
*				     Stylisation
*****************************************************/

.jolieerreur {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	padding-left:30px;
	background-image: url(../../../../images/admin/tango-dialog-warning.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	height:auto;
	background-color: #e9ecef;
	border: 2px solid red;
	-moz-border-radius: 5px;
	color: red;
}

.cadreLogin {
	width:300px;
	margin-left:250px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 5px;
	padding: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color:#EAEDF4;
	border: 2px solid #DEDEDE;
	-moz-border-radius: 5px;
	color: black;
}

.cadreCA {
	width:500px;
	margin-left:150px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 5px;
	padding: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color:#EAEDF4;
	border: 2px solid #DEDEDE;
	-moz-border-radius: 5px;
	color: black;
}

.log_libelle {
	clear:both;
	width:120px;
	float:left;
	padding-bottom:5px;
	font-weight:bold;
}

.log_champs {
	width:180px;
	float:left;
	padding-bottom:5px;
}

.log_libelle2 {
	clear:both;
	width:120px;
	float:left;
	padding-bottom:5px;
	font-weight:bold;
}

.log_champs2 {
	width:380px;
	float:left;
	padding-bottom:5px;
}

.log_libelle3 {
	clear:both;
	width:200px;
	float:left;
	padding-bottom:5px;
	font-weight:bold;
}

.log_champs3 {
	width:300px;
	float:left;
	padding-bottom:5px;
}

.nbAdherents {
	text-align:center;
	font-weight:bold;
}

textarea, input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

textarea {
	width:370px;
	height:100px;
}


a.retour:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	padding-right:5px;
	color:#000000;
}
a.retour:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	padding-right:5px;
	color:#000000;
}
a.retour:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: underline;
	padding-right:5px;
	color:#000000;
}
a.retour:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	padding-right:5px;
	color:#000000;
}

/****************************************************************************************************/
/*									FORMULAIRE DE PRE INSCRIPTION									*/
/****************************************************************************************************/

#preinscriptiondiv {
	width:600px;
}

#preinscription .libelle {
	width:200px;	
	float:left;
	padding-top:10px;
}

#preinscription .champs {
	width:400px;	
	float:left;
	padding-top:10px;
}

#preinscription .button {
	width:100px;
	border: 1px solid #000000;
	background-color: #EDEDED;
	margin-top:5px;
}