/* Mise en page CSS du site pour screen */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #CCCCCC;
}

img {
	border: 0 none;
}

h1 {
	font-size: 1.6em;
	margin: 0;
	padding-bottom: 10px;
	color: #B7378E;
}

h2 {
	font-size: 1em;
	color: #B7378E;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 0.9em;
	margin: 10px 0 10px 0px;
	padding: 0;
	color: #4D4C48;
}

p {
	text-align: justify;
	margin-top: 5px;
}

strong {
	color: #BA3993;
}

a{
	text-decoration: none;
	color:#333333;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color:#333333}

dl, dt, dd, ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ol {
	list-style-type: none;
	margin: 0;
	padding-left: 35px;
	padding-right: 20px;
	text-align: justify;
}

abbr, acronym {
	border-bottom: 1px dotted #333333;
	cursor:help;
}

/* //////////////////////////////////////////////////////// FILTRE DE MEDIAS ////////////////////////////////////////////////////// */

@media screen, projection, tv {
span {
display: none;
}
}

@media aural, braille {
span {
display: inline;
}
}

/* //////////////////////////////////////////////////////// GESTION DES DIV ////////////////////////////////////////////////////// */
div#container {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right:auto;
	margin-top: 0px;
	text-align: left;
	background-image: url(../../../../squelettes/images/fd-header.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	height: 45px;
	bottom: 30px;
}

div#contenu {
	position: relative;
	float: left;
	width: 958px;
	height: auto;
	text-align: left;
	border-left: 1px solid #592A2A;
	border-right: 1px solid #592A2A;
}

div#contenu-home {
	position: relative;
	float: left;
	width: 958px;
	border-left: 1px solid #592A2A;
	border-right: 1px solid #592A2A;
}

div#header {
	position: relative;
	float: left;
	width: 958px;
	height: 150px;
	top: 45px;
	background-color: #A9218E;
}

div#logo-home {
	position: relative;
	float: left;
	margin-top: 30px;
	padding-left:40px;
	height: 49px;
	width: 248px;
}

div#logo {
	position: relative;
	float: left;
	margin-top: 30px;
	padding-left:40px;
	overflow: hidden;
	height: 62px;
	width: 283px;
	background-image: url(../../squelettes/images/logo-denis.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

div#mainnav {
	position: relative;
	float:left;
	width: auto;
	height: 40px;
	margin: 16px 0 0 5px;
	padding-left: 5px;
}

div#mainnav ul {
	display:inline;
}
	
div#mainnav li{
	padding-left: 0px;
	padding-top: 65px;
	margin-bottom: -10px;
	margin-left: 5px;
	display:inline;
	width: auto;
	position:relative;
	float:left;
}

div#mainnav li a:link, div#mainnav li a:visited {
	text-align:left;
	color:#FFFFFF;
}

div#mainnav li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}

div#parti-logos {
	position: relative;
	float: right;
	background-position: top right;
	width: 210px;
	height: 100px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 2px;
}

div#interieur {
	font-family: Arial, Helvetica, sans-serif;
	width: 958px;
	height: 433px;
	background-image: url(../../squelettes/images/fond-accueil.jpg);
	background-repeat: repeat-x;
	position: relative;
	float: left;
	text-align: left;
#	background-color: #D0D0D0;
	background-color: #FFFFFF;
}
div#interieur-home {
	font-family: Arial, Helvetica, sans-serif;
	width: 958px;
	height: 433px;
	position: relative;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
}

div#interieur2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 958px;
	height: auto;
	background-image: url(../../squelettes/images/fond-accueil.jpg);
	background-repeat: repeat-x;
	position: relative;
	float: left;
	text-align: left;
	background-color: #EDEDED;
}

div#visuel-principal {
	width: 506px;
	height: 433px;
	background-image: url(../../squelettes/images/visuel-principal.jpg);
	background-repeat: no-repeat;
	position: absolute;
	float: left;
	z-index: 1;
}


div#menu-deroulant {
	position: relative;
	float: left;
	width: 160px;
	height: 100px;
	padding-left: 00px;
	padding-top: 00px;
	font-family: Arial;
	font-size: 0.85em;
	z-index: 2;
}

div#visuel-int {
	position: relative;
	width: 138px;
	height: 140px;
	float: left;
	padding: 40px 0 0 50px;
}

div#entrees-principales {
	position: relative;
	float: right;
	width: 540px;
	height: 360px;
	text-align:right;
	padding-right: 25px;
	font-family: Arial;
	font-size: 0.85em;
	z-index: 2;
}

#menu, #menu-bis {
	position:absolute;
	top: 11em;
	left: 2.8em;
	width: 20em;
	z-index:999;
}

#menu_video, #menu-bis_video {
	position:absolute;
	top: 5em;
	left: 2.8em;
	width: 20em;
	z-index:999;
}

div#zone-actualites ul {
	position:absolute;
	top: 5em;
	left: 3em;
	width: 20em;
	z-index:999;
}

.menu2 {
	top:0em;
	margin: 0px;
	z-index:1000;
}

#menu-int {
	top:5em;
	margin-left: 8px;
	padding: 0 10px;
	background: transparent url(../../squelettes/images/sidebar-bloc-bg.gif) left top repeat-y;
	/*height: 120px;*/
	z-index:300;
}

#menu-int2 {
	top:54px;
	margin : -3px 0 0 0;
	padding: 2px 10px 0 10px;
	background: transparent url(../../squelettes/images/sidebar-bloc-bg.gif) left top repeat-y;
	z-index:301;
}

#menu dt, #menu-bis dt, #menu-int dt, #menu_video dt,div#zone-actualites li {
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 1.5em;
	background-image: url(../../squelettes/images/puce.gif);
	background-repeat: no-repeat;
	background-position: center left;
	text-align: left;
}

.menu2 dt {
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	/*text-indent: 1.5em;*/
	background: none;
	text-align: left;
}

#menu-int2 dt{
	margin: 0 0 0 1px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	width: auto;
	background-color:#FBFCFE;
}

#menu dt a, #menu-bis dt a, .menu2 dt a, #menu-int dt a, div#zone-actualites li a {
	cursor: pointer;
	text-decoration: none;
	text-indent: 1.2em; 
	text-align: left;
}

#menu-int2 dt a {
	color: #B7378E;
	/*float: left;*/
	width: auto;
	background: url(../../squelettes/images/puce.gif) left 4px no-repeat;
	padding-left: 12px;
	display:block;
}

#menu dt a:hover, #menu-bis dt a:hover,div#zone-actualites li a:hover, #menu-int dt a:hover, #menu-int2 dt a:hover {
	text-decoration: underline;
}

#menu dd {
	height: auto;
	position: absolute;
	margin-left: 7em;
	width: 15em;
}
#menu-bis dd {
	text-indent: 0em;
	height: auto;
	position: absolute;
	margin-left: 100px;
	width: 200px;
}
#menu-bis dd ul li a {
	padding: 0px 5px;
	height:auto;
	background-color:#FFFFFF;
	display:block;
	margin: 0px;
}
#menu-bis dd ul li a:hover{
	padding: 0px 5px;
}
.menu2 dd {
	height: auto;
	position: absolute;
	float:left;
	margin-left: -146px;
	margin-top: -45px;
	width: 15em;
	font-weight: normal;
}

#menu-int dd {
	/*height: 10px;
	position: absolute;*/
	height: auto;
	margin-left: -14em;
	margin-top: -8.5px;
	width: 15em;
}

#menu-int2 dd {
	/*position: relative;
	float: left;*/
	height: auto;
	margin-left: 0em;
	margin-top: 0px;
	width: 15em;
}

.on ul {
	margin-left:0px;
	margin-top: 0px;
	width: 140px;
	border: none;
}


#menu ul, #menu-bis ul, .menu2 ul, #menu-int ul {border: 1px solid gray}

#menu li, #menu-bis li, .menu2 li, #menu-int li {
	padding: 0px;
	margin: 0px;
	text-indent: 0.6em;
	text-align: left;
	background: #fff;
}

#menu-int2 li {
	padding: 0px;
	margin: 0px;
	text-indent: 0.4em;
	text-align: left;
	text-decoration: none;
}

.on li {
	padding: 0px;
	margin: 0px;
	text-indent: 0em;
	text-align: left;
	color: #B7378E;
	text-decoration: underline;
	background: none;
}

.on li a {
	color: #000;
	text-decoration: none;
	display:block;
	border: 0 none;
	height: auto;
}
#on {
	color: #000;
	text-decoration: none;
	display:block;
	height: auto;
	background: #CCCCCC;
	color: #B7378E;
	text-decoration: underline;
	text-indent: 0.3em;
	width: 135px;
}

#menu li a, #menu-bis li a, .menu2 li a, #menu-int li a {
	color:#B7378E;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}

#menu-int2 li a{
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}

#menu li a:hover, #menu-bis li a:hover, .menu2 li a:hover, #menu-int li a:hover {
	color: #B7378E;
	text-decoration: underline;
	background: #CCCCCC;
}

#menu-int2 li a:hover {
	color: #B7378E;
	text-decoration: underline;
	background: #CCCCCC;
	text-indent: 0.4em;
	width: 135px;
}

div#zone-priorite {
	position: relative;
	float: left;
	width: 216px;
	height: 71px;
	background-image: url(../../squelettes/images/fd-municipale.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding: 128px 0 0 45px;
}

div#zone-priorite-int {
	/*position: relative;
	float: left;
	width: 152px;
	height: 213px;
	background-image: url(../../squelettes/images/fd-meta-nav.jpg);
	background-repeat: no-repeat;
	background-position: top right;*/
	background:url(../../squelettes/images/sidebar-bloc-bottom.gif) left bottom no-repeat;
	padding-bottom: 19px;
	text-align: left;
}

div#zone-priorite-int2 {
	position: relative;
	float: right;
	width: 152px;
	height: 57px;
	background-image: url(../../squelettes/images/fd-municipale.jpg);
	background-repeat: no-repeat;
	background-position: top 1px;
	padding: 0px;
	margin: 5px 0px;
}


div#zone-equipe {
	position: relative;
	float: right;
	width: 212px;
	height: 71px;
	background-image: url(../../squelettes/images/acc-equipe.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left;
	padding: 128px 0 0 52px;
}

div#zone-equipe-int {
	/*position: relative;
	float: right;
	width: 152px;
	height: 57px;
	background-image: url(../../squelettes/images/entree-actions.jpg);
	background-repeat: no-repeat;
	background-position: top right;*/
	background:url(../../squelettes/images/sidebar-bloc-bottom.gif) left bottom no-repeat;
	padding: 0px;
	margin: 5px 0px;
}
div#zone-montchat-int {
	background:url(../../squelettes/images/sidebar-bloc-bottom.gif) left bottom no-repeat;
	padding-bottom: 18px;
	margin: 5px 0px;
}

div#zone-priorite strong, div#zone-equipe strong, div#zone-equipe-int strong, zone-priorite-int2 strong, div#zone-montchat-int strong {font-weight:bolder}

div#zone-actualites {
	position: relative;
	float: right;
	top: 3px;
	width: 331px;
	height: 92px;
	background-image: url(../../squelettes/images/fd-video.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding: 20px 20px 0 20px;
	line-height: 1.1em;
	z-index: 40;
}

div#zone-actualites h2 {
#	background-image: url(../../squelettes/images2/fd-video.jpg);
	background-position: -6px top;
	background-repeat: no-repeat;
	padding: 20px 0 0 20px;
	text-indent: -9000em;
}
div#zone-blog h2 {
#	background-image: url(../../squelettes/images/fd-blog1.gif);
	background-position: -6px -5px;
	background-repeat: no-repeat;
	padding: 10px 0 0 20px;
	text-indent: -9000em;
}

div#zone-actualites p{margin-top: -6px;}
div#zone-blog p{margin-top: -3px;}

div#zone-actualites-int {
	position: relative;
	float: right;
	width: 132px;
	height: 85px;
	background-image: url(../../squelettes/images/fd-1actu.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding: 10px;
	margin: 0px;
}
div#zone-actualites-int h2 {
	background-image: url(../../squelettes/images/montchat.gif);
	background-position: -6px top;
	background-repeat: no-repeat;
	padding: 34px 0 0 20px;
	text-indent: -9000em;
}
div#zone-actualites-int p{margin-top: -12px; line-height: 1.1em}

div#zone-blog {
	position: relative;
	float: right;
	width: 331px;
	height: 55px;
	background-image: url(../../squelettes/images/entree-blog.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding: 10px 20px 0 20px;
#	padding: 35px 20px 0 20px;
	line-height: 0.8em;
}

div#zone-soutiens {
#	position: relative;
	float: right;
	width: 331px;
	height: 30px;
	background-image: url(../../squelettes/images/comite-2.jpg);
	background-repeat: no-repeat;
	margin: -10px;
	text-align: left;
	padding: 0px 0px 0px 15px;
	line-height: 0.8em;
}
/* pour les autres navigateurs */
* > div#zone-soutiens {
	padding: 0px 0px 0 40px;
	margin: 0px;
}




div#zone-soutiens a {
	font-size: 3em;
#	color: #B7378E;
#	color: blue;
	margin-top: 8px;
        opacity:0.5;
	filter : alpha(opacity=50);
}



.invisible {
	color: blue;
	opacity : .00;
	filter : alpha(opacity=00);

/* pour IE 6 */
	height : 10px;
}
/* pour les autres navigateurs */
* > .invisible {
	height: auto;
}
/* pour IE 7 */
*+html .invisible {
	min-height : 10px;
}


















div#lien, div#lien-actu {
	float: right;
	position:relative;
	font-size: 0.8em;
	color: #B7378E;
	margin-top: 8px;
#		margin-top: -8px;
	background-image: url(../../squelettes/images/fleche.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 10px;
	width: auto;
}

div#lien2 {
	position: relative;
	float: right;
	text-align: right;
	font-size: 0.8em;
	color: #B7378E;
	margin: 0px;
	padding: 0px;
	background-image: url(../../squelettes/images/fleche.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 10px;
	width: auto;
}

div#lien a, div#lien-actu a, div#lien2 a {
	color: #B7378E;
	padding-left: 10px;
	padding-top: 3px;
	text-decoration: underline;
}

div#lien a:hover, div#lien-actu a:hover, div#lien2 a:hover  {
	color: #B7378E;
	padding-left: 10px;
	text-decoration: none;
}

div#zone-contenu {
	position: relative;
	float:left;
	height: auto;
	left: 45px;
	top: 25px;
	width: 530px;
	font-family: Arial;
	font-size: 0.85em;
	margin-bottom: 25px;
}
div#zone-contenu p a {
	color: #B7378E;
}

div#services {
	position: relative;
	float: left;
	width: 540px;
	height: 20px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 7px;
}

div#services-int {
	position: relative;
	float: left;
	height: 20px;
	text-align: left;
	font-size: 0.9em;
	padding-top: 7px;
	padding-bottom: 30px;
}

div#propositions {
	position: relative;
	float: left;
	width: 530px;
	height: auto;
	text-align: left;
	font-size: 0.9em;
	padding-top: 5px;
	padding-bottom: 15px;
}


div#services ul, div#services-int ul, div#propositions ul{
	padding-top: 10px;
}
	
div#services li {
	padding-left: 10px;
	padding-right: 5px;
	display:inline;
	width: auto;
	background-image:url(../../squelettes/images/fleche.gif);
	background-repeat: no-repeat;
	background-position: center left;
	text-align: right;
	margin-left: 30px;
}

div#propositions li {
	padding-left: 10px;
	padding-right: 5px;
	display: block;
	width: auto;
	background-image:url(../../squelettes/images/fleche.gif);
	background-repeat: no-repeat;
	background-position: center left;
	text-align: left;
	margin-left: 30px;
}

div#services-int li {
	padding-left: 10px;
	padding-right: 30px;
	display:inline;
	width: auto;
	background-image:url(../../squelettes/images/fleche.gif);
	background-repeat: no-repeat;
	background-position: center left;
	text-align: right;
}

div#col-droite {
	position: relative;
	float:right;
	height: auto;
	top: 25px;
	width: 152px;
	font-family: Arial;
	font-size: 0.85em;
	margin-bottom: 20px;
}

div#separateur {
	background-image: url(../../squelettes/images/fd-separateur.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

div#ariane {
	background-image: url(../../squelettes/images/fd-separateur.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Arial;
	text-align: right;
	font-size: 0.8em;
	margin: 15px 0 20px 0;
	top: 10px;
	color:#592A2A;
}

div#ariane a {
	text-decoration: none;
	color:#592A2A;
}

div#print {
	background-image: url(../../squelettes/images/fd-separateur.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial;
	text-align: right;
	font-size: 0.8em;
	margin: 0px 0 10px 0;
	top: 10px;
	color:#592A2A;
}
div#print ul, div#print li {
	display: inline;
	line-height: 2em
}

div#print a {
	text-decoration: none;
	color:#592A2A;
}

div#footer {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #DD8EC4;
	height: 20px;
	width: 960px;
	padding-top: 4px;
	margin-top: -1px;
	text-align: center;
	background-color: #A9218E;
}

div#footer ul, div#footer li, div#footer li a {
	display: inline;
	color: #DD8EC4;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

/* ///////////////////////////////////////////////////////// GESTION DU FLASH //////////////////////////////////////////////////////// */

#pasdeflash{
	text-align:center;
	color:#FFFFFF;
	margin:120px 20px 0px 20px;
	padding:30px;
	background-color: #B7378E;
}
#pasdeflash a, #pasdeflash a:visited{
	color:#DD8EC4;
	font-weight: bold;
	text-decoration: underline;
}
#pasdeflash a:hover{
	color:#FFFFFF;
	font-weight: bold;
}

/* ///////////////////////////////////////////////////// GESTION DES ROLL-OVER /////////////////////////////////////////////////////// */

#logo a {
	display: block;
	width: 248px;
	height: 60px;
	left: 0px;
}

#logo a:hover {
	background: transparent url(../../squelettes/images/logo-denis.jpg)
               0px -59px no-repeat;
}

#parti-logos a { 
	display: block;
	height: 100px;
	width: 210px;
	left: 0px;
}

#parti-logos a:hover {
   background: transparent url(../../squelettes/images/logo-denis.jpg)
               -10px -60px no-repeat;
}

/* /////////////////////////////////////////////////////// GESTION DES STYLES ///////////////////////////////////////////////////// */

.rubrique{
	background-image: url(../../squelettes/images/sep-menu.gif);
	background-repeat: no-repeat;
	height: 83px;
	width: 8px;
	font-weight: normal;
	text-decoration: none;
#	color:#C5529C;
#	color:#FFFFFF;
	font-size: 0.85em;
	padding-left: 10px;
	padding-right: 20px;
	text-indent: 1em;
}

.rubrique a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 1em;
}

.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	color: #012537;
}

.normal {
	font-weight: bold;
	color: #333333;
}

.actus {
	font-size: 0.9em;
	font-weight:bold;
	color: #EC7400;
}
.texte-actus {
	font-size: 0.9em;
	padding: 0 25px 0 25px;
}
.liste {
	padding-left: 15px;
}

.liste li{
	padding-top: 8px;
}

/* /////////////////////////////////////////////////////// GESTION DU FORMULAIRE DE CONTACT ///////////////////////////////////////////////////// */
#corpForm, #corpForm2 {	
	padding: 0em;
	color: #333333;
	margin: 0;
}
#corpForm fieldset, #corpForm2 fieldset {	
	margin: 0;
	font-style: normal;
	padding: 0 4em 1em;
}
#corpForm legend {	
	font-weight: bold;
	color: #333333;
}
#corpForm div, #corpForm2 div {	
	padding: .4em 0;
	margin: 0 0 .3em 0;
}
#corpForm fieldset#coordonnees label {	
	float: left;	
	color: #333333;
	width: 35%;	
	text-align: right;	
	margin: 0;
	padding: 0 .6em 0 0;
	line-height: 1.8;	
}
#corpForm2 fieldset#coordonnees label {	
	float: left;	
	color: #333333;
	width: 100%;	
	text-align: left;	
	margin: 0;
	padding: 0 .6em 0 0;
}
#corpForm2 fieldset#coordonnees input {
	width:auto;
	padding: 5px;
	margin-left: 20px;
	margin-top: 15px;
}
#corpForm label.oblig {
	font-weight: bold;
}
#corpForm .legende {
	font-style: italic;
	color: #666;
	margin-left: 165px;
	padding: 0px;
}

#validForm, .bouton_forms {
	position:relative;
	float:left;
	text-align: left; 
	left: 155px;
	padding-top: 6px;
}

#validForm input, .bouton_forms input {
	font-size: 0.8em;
	font-weight: bold; 
	margin-left: 1em;
}
.legende {
	left: 20px;
	font-size: 0.8em;
}
.controle {
	margin-left: 100px;
	font-size: 0.8em;
}

.legal {
	padding-left: 80px;
}
.mentions {
	font-size:0.8em;
}
.bouton {
	background-color: #B7378E;
	font-size: 0.8em;
	text-align:center;
	color:#FFFFFF;
	padding: 2px;
}

/* /////////////////////////////////////////////////////// GESTION DU PLAN DU SITE ///////////////////////////////////////////////////// */
.plan ul {
	padding-top: 0px;
	padding-left: 0px;
}
.plan ul li a{
	margin-top: 10px;
	padding-left: 12px;
	background-image: url(../../squelettes/images/puce.gif);
	background-repeat:no-repeat;
	background-position: center left;
	font-weight:bold;
	color: #B7378E;
	text-indent: 0em;
}
.plan ul li ul, .plan ul li ul {
	padding-top: 5px;
}
.plan ul li ul a {
	padding-top: 0px;
	background-image:url(../../squelettes/images/fleche.gif);
	background-repeat:no-repeat;
	background-position: center left;
	font-weight:bold;
	color: #0000FF;
	text-indent: 0.5em;
}
.plan ul li ul li a {
	text-indent: 1em;
	color: #000000;
	margin-left: 10px;
}


.plan ul li ul li ul li a {
	text-indent: 1em;
	margin-left: 30px;
	font-weight:normal;
}


/**********************************************/
/*					FORMULAIRE				  */
/**********************************************/

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold; 
	border: 1px solid #b2b2b2;
	color: #333333;
	background-color:#FFFFFF;	
	text-align: right;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #b2b2b2;
	color: #003769;
	background-color:#FFFFFF;	
	text-indent:3px;

}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #b2b2b2;
	color: #003769;
	background-color:#FFFFFF;	
	text-indent:3px;
}

form{
	padding-top:10px;
}

.formcontact label {
	width: 70px;
	text-align: left;
	display: inline;
	float: left;
	border-bottom: 1px solid #b2b2b2;
}
.formcontact label.radio {
	width:auto;
	margin-right:5px;
	border: 0px solid #b2b2b2;
}
.formcontact label.radio input {
	border: 0px solid #b2b2b2;
}
.formcontact .boutons {
	text-align: center;
}
.formcontact p {
	clear:both;
}

.spip_form_champ{
	margin: 0;
	padding: 5px 0px 8px 50px;
	
}

.spip_form_champ label{
font-weight: bold;
}

.spip_form_champ input[type="text"]{ 
width: 180px;
}

.radio{
border:none;
background:transparent;
}
.spip_form_champ textarea{
width: 250px;
height: 150px;
}

.spip_form_champ span{
font-weight: bold;
text-align: left;
margin: 0px 0px 5px 0px; /*width of left column*/
clear:both;
}
