body {
	
	margin : 0;
	background-image: url(../images/bkg.gif);
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
}
.page {
	width : 829px;
	border : 0;
}

.entete {
	width : 829px;
	height : 108px;
}

.image table tr td{
	vertical-align:bottom;
}

.image table tr td img{
	border:0;
}

.mentions_legales {
	font-weight:normal;
}

.mentions_legales p{
	font-weight:normal;
	text-indent:30px;
}

.menu {
	background-position : 0px 0px;
	background-image : url(../images/band_menu.gif);
	background-repeat : no-repeat;
	width : 829px;
	height : 23px;
	text-align : center;
}

.principale {
	width : 829px;
	background-image : url(../images/bkg_centre.jpg);
	background-color : #F3F2F3;
	background-repeat : repeat-y;
}

.principale_table {
	width : 829px;
}

.ombre {
	background-image : url(../images/ombre.png);
	background-repeat : repeat-y;
	width : 12px;
	
}

.titre {
	padding-top : 4px;
	padding-left : 30px;
	vertical-align : middle;
	height : 50px;
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight : bold;
	background-image : url(../images/fleche.gif);
	background-repeat : no-repeat;
	background-position : 15px 20px;
	
}

.titre td {
	padding-top : 5px;
	padding-left : 35px;
	
}


.corps {
	text-align : center;
	height : 400px;
}

.corps td {
	vertical-align : top;
}

.corps a:link, .corps a:visited {
	color: #005580;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : bold;
	vertical-align : top;
	text-align : left;
	padding : 0;
	margin : 0;
}

.corps a:active, .corps a:hover {
	color: #005580;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : bold;
	vertical-align : top;
	text-align : left;
	padding : 0;
	margin : 0;
}

.footer {
	width : 829px;
	height : 30px;
	text-align : center;
	vertical-align : top;
}

.pied_page {
	color: #666666;
}

.pied_page_table {
	width : 829px;
	text-align : center;
	vertical-align : middle;
}

.copyright {
	width : 829px;
	vertical-align : middle;
	text-align : center;
	text-decoration : none;
	
}

.copyright table {
	width : 829px;
	text-align : center;
	
}

.information {
	text-align : center;
}

.information td a:link, .information td a:visited {
	padding-top : 5px;
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration : none;
	border-bottom : 1px dashed;
}

.puce {
	background-image:url('../images/pucemobiloutil.png');
	background-repeat: no-repeat;
	background-position : 0px 5px;
	text-align:left;
	padding-left:15px;
}

.information td a:active, .information td a:hover {
	padding-top : 5px;
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.opendev {
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	
}

.opendev A:link, .opendev A:visited {
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration : none;
	border-bottom : 1px dashed;
}

.opendev A:active, .opendev A:hover {
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.version {
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
	color: #313131;
}

/*-------------------*/

.bouton {
	text-align : center;
	font-weight : normal;
}

.bouton button {
	margin-top : 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight : normal;
	text-align : center;
}



.bouton input {
	margin-top : 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight : normal;
	text-align : center;
}

.label {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : normal;
	vertical-align : top;
	text-align : right;
	padding : 0;
	margin : 0;
	font-weight : bold;
}

.label A:visited, .label A:link {
	color: #005580;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : normal;
	text-decoration : none;
	border-bottom : 1px solid #391FB2;
	vertical-align : top;
	text-align : right;
	padding : 0;
	margin : 0;
	font-weight : bold;
}

.label A:hover, .label A:active {
	color: #005580;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : normal;
	text-decoration : none;
	border-bottom : 1px dashed #391FB2;
	vertical-align : top;
	text-align : right;
	padding : 0;
	margin : 0;
	font-weight : bold;
}

.label label{
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : normal;
	vertical-align : top;
	text-align : right;
	padding : 0;
	margin : 0;
	font-weight : bold;
	width : 50%;
}

label {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : normal;
	vertical-align : top;
	text-align : left;
	font-weight : bold;
}

.label label  {
	font-weight : bold;
}

.texte_interne {
	padding-left : 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : italic;
	font-size: 13px;
	color: #333333;
}

.libelle {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : normal;
	vertical-align : top;
	text-align : left;
	padding : 0;
	margin : 0;
	
}

.libelle A:link, .libelle A:visited {
	color: #005580;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : normal;
	vertical-align : top;
	border-bottom : 1px solid #391FB2;
	text-decoration : none;
	text-align : left;
	padding : 0;
	margin : 0;
	
}

.libelle A:hover, .libelle A:active {
	color: #005580;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align : top;
	border-bottom : 1px dashed #391FB2;
	text-decoration : none;
	text-align : left;
	padding : 0;
	margin : 0;
	
}

.text input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight : normal;
}

.textarea textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

.hr {
	padding-right : 80px;
}

.hr hr{
	width : 40%;
}

.asterix {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 10px;
}

/*-----------------*/

.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
	vertical-align : left;
	padding-left : 0;
	margin-left : 30px;
	color : #333333;
}

.recommander {
	padding-bottom : 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
	vertical-align : middle;
	padding-left : 0;
	margin-left : 30px;
	color : #333333;
	text-align : left;
}

.fiche_multimedia 
{
	padding-bottom : 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
	vertical-align : middle;
	padding-left : 0;
	color : #333333;
}

.info_spe {
	padding-bottom : 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
	vertical-align : middle;
	padding-left : 0;
	color : #333333;
}

.liste_outil {
	padding-bottom : 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
	vertical-align : middle;
	padding-left : 0;
	color : #333333;
}


.fiche_projet tr td{
	padding-bottom : 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	vertical-align : middle;
	padding-left : 0;
	color : #333333;
	text-align : left;
	
}

.liste_projet {
	padding-bottom : 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
	vertical-align : middle;
	padding-left : 0;
	color : #333333;
	text-align : left;
	width : 100%;
}

.liste_projet a:link, .liste_projet a:visited {
	text-decoration : none;
	border-bottom: 1px solid;
}

.liste_projet a:hover, .liste_projet a:active {
	text-decoration : none;
	border-bottom: 1px dashed;
}

.liste_rubrique {
	padding-bottom : 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
	vertical-align : middle;
	padding-left : 0;
	color : #333333;
	text-align : center;
	width : 100%;

}

.liste_rubrique label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style:italic ;
        vertical-align : middle;
        padding-left : 0;
        color : #333333;
        text-align : center;
        width : 100%;

}

.liste_rubrique a:link, .liste_rubrique a:visited {
	text-decoration : none;
	border-bottom: 1px solid;	
}

.liste_rubrique a:hover, .liste_rubrique a:active {
	text-decoration : none;
	border-bottom: 1px dashed;
}

.page_principale  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
	vertical-align : middle;
	padding : 0;
	margin : 0;
	color : #333333;
	text-align : center;
	width : 100%;
}

.element {
	width : 198px;
	height : 33px;
}

.element_haut {
	padding : 0;
	margin : 0;
	background-repeat : no-repeat;
	width : 198px;
	height : 33px;
}

.element_milieu {
	padding : 0;
	margin : 0;
	background-repeat : repeat-y;
	background-position : 0 0 ;
	width : 198px;
}


.element_milieu_text {
	width : 188px;
	padding : 5px;
}

.element_bas {
	padding : 0;
	margin : 0;
	background-repeat : no-repeat;
	width : 198px;
	height : 15px;
}

.element_titre {
	padding : 3px;
	text-align : center;
	height: 40px;
}

.element_text {
	padding-top : 15px;
	width : 95%;
	text-align : left;
	padding-bottom : 90px;
	height:100px;
}

.element_titre A:link {FONT-SIZE: 11px; COLOR: #313131; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }
.element_titre A:visited {FONT-SIZE: 11px; COLOR: #313131; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
.element_titre A:hover {FONT-SIZE: 11px; COLOR: #B1B1B1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
.element_titre A:active {FONT-SIZE: 11px; COLOR: #B1B1B1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

.element_text A:link {FONT-WEIGHT : normal; FONT-SIZE: 11px; COLOR: #636363; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; line-height: 12px; }
.element_text A:visited {FONT-WEIGHT : normal; FONT-SIZE: 11px; COLOR: #636363; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;line-height: 12px;}
.element_text A:hover {FONT-WEIGHT : normal; FONT-SIZE: 11px; COLOR: #B1B1B1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;line-height: 12px;}
.element_text A:active {FONT-WEIGHT : normal; FONT-SIZE: 11px; COLOR: #B1B1B1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;line-height: 12px;}

.element_milieu img {
	border : 0;
	text-align : right;
}


.image_bottom {
	text-align : right;
	padding-right : 10px;
}

.image_bottom .element_titre {
	text-align : right;
	padding-bottom : 10px;
	padding-top : 10px;
	padding-right : 10px;
}

.element_image tr td a img{
	border:0;
	text-decoration:none;
}

/*-----------------*/

.blanc11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


.gris11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #313131;
}

A.lienblanc11:link {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
A.lienblanc11:visited {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
A.lienblanc11:hover {FONT-SIZE: 11px; COLOR: #FFFF66; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
A.lienblanc11:active {FONT-SIZE: 11px; COLOR: #FFFF66; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

A.liengris11:link {FONT-SIZE: 11px; COLOR: #313131; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
A.liengris11:visited {FONT-SIZE: 11px; COLOR: #313131; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
A.liengris11:hover {FONT-SIZE: 11px; COLOR: #B1B1B1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
A.liengris11:active {FONT-SIZE: 11px; COLOR: #B1B1B1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

A.liengrisclair11:link {
	FONT-SIZE: 11px;
	COLOR: #636363;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height: 11px;
}
A.liengrisclair11:visited {FONT-SIZE: 11px; COLOR: #636363; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
A.liengrisclair11:hover {FONT-SIZE: 11px; COLOR: #B1B1B1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
A.liengrisclair11:active {FONT-SIZE: 11px; COLOR: #B1B1B1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

