/*****************************************************************************************
 Mise en forme des liens, titres, paragraphes,des images et du body
*****************************************************************************************/
a:link, a:visited, a:hover, a:active, a:focus {
	color: #006FDE;
	font-weight: normal;
	font-style: normal ;
	text-decoration: none;
}
a.contenu:link, a.contenu:visited, a.contenu:active, a.contenu:focus {
	color: #FF9900;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
a.contenu:hover {
	color: #006FDE; /*#02822D;*/
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
h1,h2,h3 {
	margin-top:0px;
}

p{
	margin:0px;
	text-align: left;
}

hr {
	visibility:hidden;
	clear:both
}


body {
	color:#333333;
	margin:0px;
	background-image: url(fond.gif);
	text-align:center;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	padding:0px;
	border:0px;
}

h1 {
	font-size:14pt;
	font-weight:bold;
}

th {
	color: #006FDE;   /*bleu arvensys*/
	font-size:120%;
	font-weight:bold;
	text-align:left;
	margin:0;
}


/****************************************************************************************
 Définition des cadres de mise en page
*****************************************************************************************/

div#main {
	width:840px;
	margin-left:auto;
	margin-right:auto;
	background: url(fond_principal.jpg) repeat-y;
	text-align:center;
}

div#principal {
	width:774px;
	padding-left:34px;
	padding-right:32px;
	background: url(fond_illu.jpg) repeat-y;

}

div#header {
	width:774px;
}

div#header1 {
	width: 774px;
	height: 147px;
	float:left;
	clear: both;
    background-image:url(entetehautq.jpg);
	background-repeat: no-repeat;
}



div#menudeb {
	width: 264px;
    height: 34px;
    float: left;
	clear: both;
    background-image:url(entetemenuq.jpg);
	background-repeat: no-repeat;
}


div#menu {
    float:left;
    width: 510px;
	height: 34px;
	background: url(rollover.jpg) repeat-x 0 0;
}

div#menu ul {
	margin: 0;
	padding: 0;
}

div#menu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	text-align: center;
}

div#menu ul li a {
	width: 100px;
	line-height: 34px;
	color: #006FDE;
	display: block;
	text-decoration: none;
	border-right: 1px solid #bababa;
}

div#menu ul li a:hover {
	background: url(rollover.jpg) repeat-x 0 -34px;
}

div#header2 {
    width: 774px;
	height: 55px;
	background-image:url(entetebasq.jpg);
	background-repeat: no-repeat;
	clear: both;
}

div#contenu {
	clear:left;
	text-align:center;
	margin: 0px 0px; /* margin: 0px 20px; */
}

div#gauche {
	width:169px; /* 215px*/
	clear:left;
	float:left;
	text-align:left;
	margin-top:0px; /* 40 px*/
	background-image: url(fondgauche.jpg);
    background-repeat: repeat-y;
}

div#centre {
	float:left;
	text-align:left;
	width:605px; /* 456 */
	margin-left:0px; /* 20 px*/
	position:relative;
	margin-top:0px; /* -20px */
	background-image: url(fondcoldroite.jpg);
    background-repeat: repeat-y;
}

div#spacer {
	clear: both;
}

div#bottom {
	width: 774px;
	height: 39px;
	background-image:url(bottom.jpg);
	background-repeat: no-repeat;
	clear: both;

}
div#basdepage {
	clear:left;
	width:774px;
	height:34px;
	margin-left:34px;
	margin-right:32px;
	background-image:url(basdepage.jpg);
	background-repeat: repeat-x;
}

/*******************************************************************************
* CSS pour le menu déroulant de gauche
*******************************************************************************/
/* La boîte DL contenant l'ensemble du menu */
dl#menuglobal {
		width: 140px;
		margin:15px auto 5px auto;
}

/* Chaque boîte DT qui correspond à un titre */
dt.menu {
		margin: 1px 0 0 0;
		padding: 0 0 0 5px;
		line-height: 22px;
		cursor: pointer;
		/*border-left: 1px solid #006FDE;*/
		border-right: 2px solid #C0C1C0;
		border-bottom: 1px solid #C0C1C0;
		background: url(menubleu.jpg) repeat-x 0 0;
}

dt a{
		text-decoration: none;
		color:black;

}

dt a:hover{
		text-decoration: none;

}
/* Mise en forme des sous menus */
dd#smenu1, dd#smenu2, dd#smenu3, dd#smenu4 ,dd#smenu5,dd#smenu6,dd#smenu7,dd#smenu8{
		margin: 0;
		padding: 5px 5px 5px 10px;
		border-left: 1px solid #006FDE;
		border-right: 1px solid #006FDE;
		border-bottom: 1px solid #006FDE;
		background: #DEEEFA;
}
dl#menuglobal dd ul {
		margin: 0;
		padding: 0;
}
dl#menuglobal dd ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
}
dl#menuglobal dd ul li a {
		color: #006FDE;
		text-decoration: none;
}
dl#menuglobal dd ul li a:hover {
	    font-size: 10px;
		border-bottom: 1px ;
		border-bottom-color: #006FDE;
		border-bottom-style: dashed;
		font-weight:bold;
		color: #006FDE;
}
/**************************************************************************************************
 Mise en forme du contenu des cadres
**************************************************************************************************/

/* pour le header */
div#header1 h1 {
  width: 700px;
  height: 100px;

}

div#header1 h1 a {
	width: 700px;
	height: 100px;
	display: block;
}

div#header1 h1 a span {
	display: none;
}

/* pour le centre */
div#centre p {
	padding: 0 64px 0 33px;
	margin:0px;
	text-align: justify;
}

div#centre table p {
	padding: 0 15px 0 0;
	margin:0px;
	text-align: justify;
}

div#centre p img {
	float: left;
	border: 0px;
	padding: 5px 15px 5px 0px;
	clear: none;
}

div#centre p img.droite {
	float: right;
	border: 0px;
	padding: 5px 0px 5px 15px;
	clear: none;
}

div#centre em {
	font-weight: bold;
}

div#centre ul{
    padding-right:  45px;
}

div#centre li{
    padding-right:  45px;
	margin:0px;
}

div#centre table{
	/*padding: 0px 45px 0px 15px;*/
	margin: 0 64px 0 33px;
}

div#centre form{
    padding: 0 64px 0 33px;;
	margin:0px;
	text-align:justify;
}

div#centre form fieldset{
	margin: 0px;
	padding:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
}

div#centre form input{
	border-top: 1px solid #006FDE;
	border-bottom: 1px solid #006FDE;
	border-right: 1px solid #006FDE;
	border-left: 1px solid #006FDE;
	padding:0;
	margin:0;
}

div#centre form textarea{
	border-top: 1px solid #006FDE;
	border-bottom: 1px solid #006FDE;
	border-right: 1px solid #006FDE;
	border-left: 1px solid #006FDE;
	padding:0;
	margin:0;
}

div#centre h3{
	padding: 20px 45px 0px 15px;
	color: #006FDE;
}

/* pour la gauche */
div#gauche p {
	padding: 0px 0px 0px 5px;
}

div#gauche img{
    padding:0px;
    margin:0px;
	border:0px;
}

/*div#gauche div.extranet
{
  margin-left:10px;
}*/

div#gauche form{
	margin: 25px 0 0 0;
	padding:0 0 0 15px;
}

div#gauche form fieldset{
	margin: 0px;
	padding:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
}

div#gauche form input{
	border-top: 1px solid #006FDE;
	border-bottom: 1px solid #006FDE;
	border-right: 1px solid #006FDE;
	border-left: 1px solid #006FDE;
	padding:0;
	margin:0;
}

/* pour le basdepage */
div#basdepage p {
	padding-top:13px;
	margin:0px;
	height:21px;
	text-align:center;
}

.note {
	font-style: italic;
	font-size: 10px;
}

.alerte {
	font-style: italic;
	font-size: 10px;
	color: red;
}

.confirm {
	font-style: italic;
	font-size: 10px;
	color: #006FDE;
}