@import "style_general4.css";
@import "style_navigation4.css";

.equipe {width: 600px; margin-left: auto; margin-right: auto;}
	
.equipe p {width: 590px; margin:10px 0px 10px 5px; float: left;}

.equipe div {display: block; float: left; width: 600px;}

.equipe h4 {padding-top: 0px; padding-left: 10px; margin-left: 2px; margin-top: 0px; padding-bottom: 0px; margin-bottom:10px;}

.equipe_membre {
font: 11px/13px verdana, arial, helvetica, sans-serif;
width:190px;
border:0px dashed #ccc;
display:inline;
float:left;
margin-bottom:15px;
margin-left:5px; }

.equipe_nom {
font-weight:bold;
}

.equipe_image {
display:block;
margin-bottom:5px;	
}

/* cadres (tableaux pour les principales zones) */



#page {
text-align:center;
width: 775px;
background-color:#fff;
margin-top:0px;
margin-left: auto;
margin-right: auto;
position:relative;
float:left;
/*border:10px solid #fff;*/
/*background: #fff url(images/fil.gif) repeat top right;*/

}

#page2 {
text-align:center;
width: 774px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
position:relative;
float:left;
border:0px solid #fff;
}


#col_gauche {
top:0;
width:220px;
height:500px;
padding:0px;
float: left;
text-align:left;
background: #fff url(images/bandeau-gauche.jpg) no-repeat top;
border:0px solid #c00;
}

#col_droite {
top:0px;
width:210px;
padding:0px;
float: right;
text-align:left;
border:0px solid #c00;
}

#corps {
text-align:left;
width:555px;
padding:0px;
margin-right:0px;
padding-left:0px;
border:0px solid #ccc;
float: right;
margin-top:0px;
/*background: #fff url(images/fil.gif) repeat top right;*/
}


#footer{
width : 774px;
height:100px;
border:0px solid #ccc;
clear:both;
}

#surfooter{
width : 775px ;
border:0px solid #ccc;
float:left;
background: #fff;
}

#midfooter {
width : 775px ;
height:113px;
border:0px solid #ccc;
background: url(images/bandeau-bas.jpg) no-repeat bottom;
float:left;
}

#surfooter2 {
width : 774px;
height:0px;
border:0px solid #ccc;
float:left;
clear:both;
}


#midfooter2{
width : 774px;
text-align:left;
height:100px;
border:0px solid #cc0;
background: url(images/bandeau-bas2.jpg) no-repeat bottom;
float:left;
}

#footer4 {
width : 774px ;
margin: 0;
font: 9px/13px verdana, arial, helveastica, sans-serif;
text-align:center;
vertical-align:top;
border:0px solid #999;	
}

#footer2{
width : 774px ;
height: 20px;
margin: 0;
font: 9px/13px verdana, arial, helveastica, sans-serif;
text-align:center;
vertical-align:top;
background: #fff url(../images/bandeau-bas.jpg) no-repeat bottom;
border:2px solid #999;	
}

#footer3 {
width : 775px ;
margin: 0;
font: 10px/14px tahoma, verdana, arial, helvetica, sans-serif; 
color:#fff; 
padding-bottom:2px;
text-align:center;
border:1px solid #ccc;
margin:auto;	
margin-top:12px;
}

#maj {
font: 10px/14px tahoma, verdana, arial, helvetica, sans-serif; 
color:#fff; 
}

#footer5 {
width : 774px ;
height: 30px;
font: 11px/14px tahoma, verdana, arial, helvetica, sans-serif; 
color:#fff; 
padding-bottom:2px;
text-align:center;
border:0px solid #ccc;
margin:auto;
margin-top:12px;
}

.align_left {
width:258px;
text-align:left;
display:block;
float:left;
}

.align_right {
width:258px;
text-align:right;
display:block;
float:left;
}

.align_center {
font: 12px/16px tahoma, verdana, arial, helvetica, sans-serif; 
width:258px;
text-align:center;
display:block;
float:left;
letter-spacing:2px;
margin-top:-2px;
}

/* links (footer - email) */

#footer5 a:link {color:#92B7E3; text-decoration:none;}
#footer5 a:visited  {color:#92B7E3; text-decoration:none;}
#footer5 a:Hover {color:#336699; text-decoration:none;}
#footer5 a:active {color:#92B7E3;text-decoration:none;}  

#footer6 {
width : 774px ;
height: 20px;
margin: 0;
font: 11px/14px tahoma, verdana, arial, helvetica, sans-serif; 
color:#fff; 
padding-bottom:2px;
text-align:right;
border:0px solid #ccc;
margin:auto;	
margin-top:2px;
}

.header {
width : 775px ;
border : 1px solid #333 ;
}

.colg {
width : 770px ;
border : 1px solid #333 ;
}

.body {
border : 0px ;
padding-left : 10px ; 
padding-top : 2px ; 
padding-right : 10px ; 
}
.cold {
width : 770px ;
border : 1px solid #333 ;
}
.footer {
width : 770px ;
border : 1px solid #333 ;
}

img.align_right {
text-align: right;
border: 1px;
}

img {
	border:none;
}

/*///////////// Titres (par défaut) /////////////*/ 
h1 {
text-align:left;
font: 17px/18px verdana, arial, helvetica, sans-serif;
color: #747474;
font-weight:bold;
margin-left: 30px;
margin-top: 20px;
margin-bottom:0px;
padding: 0px;
padding-bottom:0px; 
border: 0px solid #83A2C8;
text-transform: uppercase;
/*background: #FFC357 url(../images/bord_gauche.jpg) left no-repeat;
background: #FFC357 url(../images/bord_droit.jpg) right no-repeat;*/
}

#titre h1 {
font: 19px/30px verdana, arial, helvetica, sans-serif;
color: #92B7E3;
text-transform: uppercase;
font-weight:bold;
margin-left: 15px;
margin-top: 0px;
margin-bottom:0px;
padding: 0px;
padding-top: 2px;
padding-bottom:0px; 
border: 0px solid #83A2C8;
/*background: #FFC357 url(../images/bord_gauche.jpg) left no-repeat;
background: #FFC357 url(../images/bord_droit.jpg) right no-repeat;*/
/*background-color: #fff;
opacity : 0.5;
filter : alpha(opacity=50);*/
position:absolute;

}

#titre-ombre h1 {
width:320px;
font: 19px/30px verdana, arial, helvetica, sans-serif;
color: #D7E4F4;
text-transform: uppercase;
font-weight:bold;
margin-left: 60px;
margin-top: 12px;
margin-bottom:0px;
padding: 0px;
padding-bottom:0px; 
border: 0px solid #83A2C8;
position:absolute;
/*background: #FFC357 url(../images/bord_gauche.jpg) left no-repeat;
background: #FFC357 url(../images/bord_droit.jpg) right no-repeat;*/
}

h2 {
font: 18px/21px verdana, arial, helvetica, sans-serif;
height:30px;
font-style:italic;
text-align:left;
color: #747474;
font-weight:none;
background: url(images/titre_ligne_horizontale.jpg) left bottom no-repeat;
padding: 0px;
margin-left: 30px;
margin-top: 5px;
padding-top: 0px; 
}

h3 {
/*font: 24x/0px verdana, arial, helvetica, sans-serif;*/
font: 16px/24px verdana, arial, helvetica, sans-serif;
color: #747474;
font-weight:bold;
padding-left: 0px;
margin-left: 0px;
margin-top: 10px;
padding-bottom:0px;
padding-top: 0px; 
padding-left:0px;
}

.bord_gauche {
width:8px;
height:45px;
background: #FFC357 url(../images/bord_gauche.jpg) left no-repeat;
}

.bord_droit {
width:8px;
height:45px;
background: #FFC357 url(../images/bord_droit.jpg) right no-repeat;
}

h4 {
/*font: 24x/0px verdana, arial, helvetica, sans-serif;*/
font: 15px/18px verdana, arial, helvetica, sans-serif;
color: #747474;
font-weight:bold;
margin-left: 0px;
margin-top: 10px;
padding-bottom:0px;
padding-top: 0px; 
padding-left:40px;
border: 0px solid #83A2C8;
display:block;

/*background-color: #FFF url(../images/bord_bas.jpg) bottom no-repeat;*/
}

.partenaires {
}

h5 {
/*font: 24x/0px verdana, arial, helvetica, sans-serif;*/
font: 13px/10px verdana, arial, helvetica, sans-serif;
color: #747474;
font-weight:none;
margin-left: 0px;
margin-top: -15px;
padding-bottom:0px;
padding-top: 0px; 
padding-left:40px;
border: 0px solid #83A2C8;
display:block;


/*background-color: #FFF url(../images/bord_bas.jpg) bottom no-repeat;*/

}

h4.partenaires {
font: 16px/16px verdana, arial, helvetica, sans-serif;
color: #336699;
font-weight:bold;
padding-top: 10px;
padding-left: 10px;
margin-left: 2px;
margin-top: 20px;
padding: 5px; 
/*border-left: 0px solid #83A2C8;*/
/*background: #FFC357 url(../images/bord_gauche.jpg) left no-repeat;
background: #FFC357 url(../images/bord_droit.jpg) right no-repeat;*/

}

/*///////////// Titres (programme) /////////////*/
h2.prog {
font: 14px/18px verdana, arial, helvetica, sans-serif;
font-weight: bold;
padding-left: 10px;
margin-left: 0px;
margin-top: 15px;
padding-top: 0px; 
border-left: 6px solid #DF6412;
}

h3.prog {
font: 12px/15px verdana, arial, helvetica, sans-serif;
font-weight:bold;
padding-left: 10px;
margin-left: 1px;
margin-top: 20px;
padding-top: 0px; 
border-left: 4px solid #FC7E2A;
}

h4.prog {
font: 13px/15px verdana, arial, helvetica, sans-serif;
font-weight:bold;
padding-left: 10px;
margin-left: 2px;
margin-top: 0px;
padding-top: 0px; 
border-left: 2px solid #A9C29D;
display:inline;
padding-bottom: 0px;
}


/* ----------------------------------------------------------*/
/* ----------------------------- ARTICLES -----------------------------*/

.sous_titre {
font: 13px/15px verdana, arial, helvetica, sans-serif;
font-weight:bold;
padding-left:5px;
}
/* ----------------------------- ENCARTS -----------------------------*/
#encarts {
vertical-align: top;
padding-left: 0px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 1px;
padding: 0px; 
width:160px;
float:right;
border:0px solid #333;
}

#last_prog {
font: 10px/18px verdana, arial, helvetica, sans-serif;
text-align: left;
vertical-align: top;
padding-left: 0px;
margin-left: 0px;
margin-top: 6px;
margin-bottom: 1px;
padding: 0px; 
border: 0px solid #E79823;
width:160px;
float:left;
}

#encart_texte_ref {
font: 10px/18px verdana, arial, helvetica, sans-serif;
text-align: center;
vertical-align: top;
padding-left: 0px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 1px;
padding: 4px; 
border: 0px solid #ccc;
width:160px;
float:right;
}


.tetiere_last_prog {
font: 10px/18px verdana, arial, helvetica, sans-serif;
color: #FFF;
font-weight:bold;
padding: 0px; 
background-color: #E79823;
text-align:center;
margin-top:1px;
}

.content_last_prog {
width:170px;
float:left;
border:0px solid #ccc;
margin-bottom:6px;
}

.titre_last_prog {
font: 12px/15px helvetica, verdana, arial, sans-serif;
font-weight:bold;
color:#E29218;
}

.logo_last_prog {
width:160px;
border:0px #ccc solid;
margin:0px;
}

.surtitre_last_prog {
font: 9px/12px verdana, arial, helvetica, sans-serif;
font-weight:bold;
color:#666;
}

.chapo_last_prog {
font: 9px/12px verdana, arial, helvetica, sans-serif;
font-weight:none;
padding-bottom:3px;
}

.lois_last_prog {
font: 9px/11px verdana, arial, helvetica, sans-serif;
font-weight:none;
margin-bottom:10px;
}

.bottom_last_prog {
padding-bottom: 0px;
padding-top: 0px; 
border-bottom: 1px solid #FCA62A;
border-left: 1px solid #FCA62A;
border-right: 1px solid #FCA62A;
}

.url  {
font: 12px/18px verdana, arial, helvetica, sans-serif;
text-align: right;
padding-right: 10px;
margin-top: -12px;
padding-top: 0px;
padding-bottom: 0px; 
border-right: 2px solid #CAE8BC;
}

#focus_prog {
font: 10px/12px verdana, arial, helvetica, sans-serif;
text-align: left;
vertical-align: top;
padding-left: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 1px;
padding: 0px; 
border: 0px solid #c00;
width:160px;
float:left;
}

#focus_texte_ref {
font: 10px/18px verdana, arial, helvetica, sans-serif;
text-align: left;
vertical-align: top;
padding-left: 0px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 1px;
padding: 4px; 
border: 1px solid #ccc;
width:160px;
float:right;
}


.tetiere_focus_prog {
font: 10px/18px verdana, arial, helvetica, sans-serif;
color: #FFF;
font-weight:bold;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px; 
background-color: #c00;
text-align:center;
border: 0px solid #000;
}

.content_focus_prog {
width:140px;
float:left;
border:0px solid #ccc;
margin-bottom:6px;
}

.logo_focus_prog {
width:160px;
border:0px #ccc solid;
margin:0px;
}

.titre_focus_prog {
font: 12px/15px helvetica, verdana, arial, sans-serif;
font-weight:bold;
color:#c00;
}

.surtitre_focus_prog {
font: 9px/12px verdana, arial, helvetica, sans-serif;
font-weight:bold;
color:#666;
}

.chapo_focus_prog {
font: 9px/12px verdana, arial, helvetica, sans-serif;
font-weight:none;
padding-bottom:3px;
}

.lois_focus_prog {
font: 9px/11px verdana, arial, helvetica, sans-serif;
font-weight:none;
padding-bottom:5px;
}

.descriptif_focus_prog {
font: 10px/13px verdana, arial, helvetica, sans-serif;
font-weight:bold;
margin-left: 2px;
margin-right: 2px;
padding-bottom:3px;
}

/* links (default) - pour le moment on garde les couleurs de liens à l'ancienne, mais non souligné

A:link,A:visited  {color:#333; text-decoration:underline;}
A:Hover {color:#3E9E0F; text-decoration:underline;}
A:active {color:#333;text-decoration:underline;}  
*/


.titrefil {
font: 11px/16px verdana, arial, helvetica, sans-serif;
color: #00368F; 
font-weight:bold;
background-color:#EFF5FF; 
margin: 0px;
padding: 2px;
display:block;
}
.fil {
font: 11px/16px verdana, arial, helvetica, sans-serif;
color: #00368F; 
margin: 0px;
padding: 2px;
border-left: 1px solid #79A7E2;
border-right: 1px solid #79A7E2;
border-top: 1px solid #79A7E2;
border-bottom: 1px solid #79A7E2;
display:block;
}
.filinfo {
display:block;
}
.bordfil {
margin-top:5px;
padding:0px;
border-left: 2px solid #EEEEEE;
border-right: 2px solid #EEEEEE;
border-top: 2px solid #EEEEEE;
border-bottom: 2px solid #EEEEEE;
display:block;
text-align:left;
}


/* links (navigation3 - bas de page) */

A.nav3:link,A.nav3:visited  {font: 11px/16px verdana, arial, helvetica, sans-serif; padding:5px;display:inline; text-decoration:none;}
A.nav3:Hover {text-decoration:none;}
A.nav3:active {text-decoration:none;}  

/* links (invisible) */

A.invisible:link,A.invisible:visited  {text-decoration:none; color:#336699;}
A.invisible:Hover {text-decoration:underline; color:#336699;}
A.invisible:active {text-decoration: none; color:#336699;}
 
/* text (default) */

.lowercase {
text-transform:lowercase;
}

.auteurs_article {
font: 12px/21px verdana, arial, helvetica, sans-serif;
color:#333;
padding-left: 14px;
margin-left:5px;
text-align: left;
}
.image_cadre { 
border:1px solid #eee; padding:3px;
}

.texte_principal {
font: 11px/15px verdana, arial, helvetica, sans-serif;
color:#333;
padding-left: 5px;
}

.texte_principal_article {
font: 13px/18px verdana, helvetica, arial, sans-serif;
margin-left: 0px;
padding-left:40px;
margin-top:0px;
padding-right:0px;
color: #333;
border:0px solid #333;
}

#maisonsdupays {
font: 12px/17px verdana, helvetica, arial, sans-serif;
color:#2A338E;
margin-top:10px; 
margin-left: 10px;
text-align:center;
}

#titre {
font: 14px/17px verdana, helvetica, arial, sans-serif;
font-weight:bold;
padding-bottom:2px;
}

.titre_partenaires {
font: 15px/22px verdana, helvetica, arial, sans-serif;
color:#2A338E;
font-weight:bold;
margin-left: 10px;
padding-left:0px;
margin-top:0px;
padding-right:0px;
margin-bottom:10px;
}

#ville {
padding-bottom:0px;
}

#email {
padding-top:0px;
}

.texte_principal_encart {
font: 15px/22px verdana, helvetica, arial, sans-serif;
color:#2A338E;
margin-left: 10px;
margin-top:0px;
}

.texte_principal_accueil {
width:554px;
font-family: verdana, helvetica, arial, sans-serif;
color: #842A11;
margin-left: 0px;
margin-right:0px;
padding-left: 10px;
font-weight:none;
margin-top:0px; 
text-align:left; 
border:0px solid #333;
}

.texte_secondaire_accueil {
font: 12px/18px verdana, arial, helvetica, sans-serif;
width:724px;
margin-left:0px;
text-align:left;
color:#333;
font-weight:none;
padding-bottom:3px;
margin-top:-5px;
padding-right:10px;
padding-left:40px;
border:0px solid #333;
display:block;
float:left;
}

.chapo {
font: 12px/18px verdana, arial, helvetica, sans-serif;
text-align:left;
color:#333;
font-weight:none;
padding-bottom:0px;
margin-left:30px;
padding-right:10px;
padding-left:10px;
/*background-color: blue;
opacity : 0.2;
filter : alpha(opacity=20);*/
}

.ps {
font: 11px/15px verdana, arial, helvetica, sans-serif;
text-align:center;
color:#333;
font-weight:none;
padding-bottom:0px;
margin-left:0px;
padding-right:10px;
padding-left:10px;
padding-top:94px;
/*background-color: blue;
opacity : 0.2;
filter : alpha(opacity=20);*/
border:0px solid #333;
}

IMG#bandeau_bas_accueil {
text-align:center;
padding-left:5px;
}

.texte_accueil {
font: 10px/14px verdana, arial, helvetica, sans-serif;
color:#333;
padding-left: 14px;
}

.encart_titre {
font: 14px/18px verdana, helvetica, arial, sans-serif;
color:#2A338E;
margin-left: 10px;
font-weight:bold;
}

.encart_texte {
font: 11px/15px verdana, helvetica, arial, sans-serif;
color:#2A338E;
margin-left: 10px;
}


.texte_rss {
font: 9px/12px verdana, arial, helvetica, sans-serif;
color:#333;
padding-left: 1px;
}


#haut_nav {
width: 220px;
height:78px;
border:0px solid #333;
/*background: #9EB9FC url(images/haut_nav.gif) no-repeat right top;*/
margin-top: 0px;
}

#milieu_nav {
width: 210px;
height:272px;
border:0px solid #c00;
margin-left:30px;
/*background: #9EB9FC url(images/haut_nav.gif) no-repeat right top;*/
margin-top: 0px;
}

#bas_nav {
width: 220px;
height:150px;
/*background: #9EB9FC url(images/bas_nav.gif) no-repeat right bottom;*/
border:0px solid #333;
position:relative;
}

#haut_nav2 {
width: 210px;
height:0px;
border:0px solid #333;
/*background: #9EB9FC url(images/haut_nav.gif) no-repeat right top;*/
margin-top: 0px;
}

#milieu_nav2 {
width: 210px;
height:249px;
border:0px solid #c00;
margin-left:0px;
background: url(images/fond-nav2.jpg) no-repeat top;
margin-top: 0px;
border:0px solid #333;

}

#illustration-rubrique {
}

#illustration-rubrique2 {
width:210px;
height:156px;
margin-left:0px;
/*background: url(images/illustration-rubrique2.gif) no-repeat left top;*/
border:1px solid #333;
}

#logo_article_chapeau {
width:210px;
text-align:center;
padding-top:0px;
border:0px solid #333;
}

#logo_article_contenu {
width:210px;
text-align:center;
padding-top:42px;
border:0px solid #333;
}

#bas_nav2 {
width: 210px;
height:150px;
/*background: #9EB9FC url(images/bas_nav.gif) no-repeat right bottom;*/
border:0px solid #333;
position:relative;
}


.texte_office {
font: 14px/21px verdana, arial, helvetica, sans-serif;
color:#E79823;
}

.texte_bloc {
font: 10px/16px verdana, arial, helvetica, sans-serif;
}

/* tableaux */

.bloc_titre {
background-color:#CC6600;
}

.bloc_title {
font: 9px/9px verdana, arial, helvetica, sans-serif;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-weight:bold;
}

.bloc_body {
border-bottom: 1px dotted #CC6600; 
border-right: 1px dotted #CC6600; 
padding-left: 5px;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 5px;
background-color:#FFF ; 
}

/*//////////////// Encarts type 1 ////////////////*/


.bloc_titre_1 {
background-color:#A9C29D;
}

.bloc_title_1 {
font: 9px/9px verdana, arial, helvetica, sans-serif;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-weight:bold;
}

.bloc_body_1 {
border-bottom: 1px dotted #A9C29D; 
border-right: 1px dotted #A9C29D; 
padding-left: 5px;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 5px;
background-color:#FFF ; 
}

/*//////////////// Encarts type 2 ////////////////*/

.bloc_titre_2 {
background-color:#83BB67;
}

.bloc_title_2 {
font: 9px/9px verdana, arial, helvetica, sans-serif;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-weight:bold;
}

.bloc_body_2 {
border-bottom: 1px dotted #83BB67; 
border-right: 1px dotted #83BB67; 
padding-left: 5px;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 5px;
background-color:#FFF ; 
}

/*//////////////// Encarts type 3 ////////////////*/

.bloc_titre_3 {
background-color:#83BB67;
}

.bloc_title_3 {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.bloc_body_3 {
font: 10px/15px verdana, arial, helvetica, sans-serif; color : #333; text-decoration:none;
border-top: 1px dotted #83BB67; 
border-right: 4px solid #83BB67; 
padding-left: 5px;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 5px;
background-color:#FFF ; 
}

/*//////////////// Encarts type 4 - Programme ////////////////*/

.bloc_titre_prog_3 {
background-color:#83BB67;
}

.bloc_title_prog_3 {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.bloc_body_prog_3 {
font: 10px/15px verdana, arial, helvetica, sans-serif; color : #333; text-decoration:none;
text-align: center; 
border-top: 1px dotted #DF6412; 
border-right: 4px solid #DF6412; 
padding-left: 5px;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 5px;
background-color:#FFF ; 
}



table.largeur { width:770 ; }

#nada {border: 0px; }

#dashed {border: 1px dashed #000;  }

#dotted {border: 1px dotted #000; }


#solid {border: 1px solid #999; padding:2px;}

ul {
margin-bottom: 5px;
margin-top:5px;
}

ul li { 
font-weight:none;
padding:0px;
margin-left: 0px;
/*list-style-image: url("images/square.gif"); */
} 

#adresse_bas_colg {
font: 10px/15px verdana, arial, helvetica, sans-serif; color : #333; text-decoration:none;
width:190px;
float:left;
display:inline;
text-align:center;
}

#constructeur {
width:400px;
height:20px;
float:right;
margin-top:31px;
padding-right: 10px;
font: 18px/20px verdana, arial, helvetica, sans-serif; 
color : #6E6E73; 
text-decoration:none;
border:0px dashed #cc0;
text-align:right;
}

#constructeur a {
text-decoration:none; 
color:#343499;
}

#constructeur a:hover {
text-decoration:none; 
color:#4444c4;
}

#adresse_bas {
width:354px;
height:20px;
font: 14px/15px verdana, arial, helvetica, sans-serif; 
color : #6E6E73; 
font-weight:bold; 
text-decoration:none;
margin-left: 54px;
margin-top:25px;
border:0px dashed #0cc;
display:inline;
float:left;
}

#tel_bas {
width:178px;
height:20px;
line-height:20px;
font: 14px/15px verdana, arial, helvetica, sans-serif; 
color : #6E6E73;
font-weight:bold; 
text-decoration:none;
margin-top:25px;
margin-left:0px;
border:0px dashed #c0c;
display:inline;
float:left;
text-align:right;
background: url(images/puce-bleue-footer.gif) no-repeat left;
}

#fax_bas {
width:178px;
height:20px;
line-height:20px;
font: 14px/15px verdana, arial, helvetica, sans-serif; 
color : #6E6E73; 
font-weight:bold;
text-decoration:none;
margin-top:25px;
border:0px dashed #c0c;
display:inline;
float:left;
text-align:right;
background: url(images/puce-bleue-footer.gif) no-repeat left;
}

#diaporama {
width:395px;
margin-left:100px;
}

#diaporama_projet {
width:774px;
height:223px;
background: url(images/diaporama_projet.gif) no-repeat;
display:block;
float:left;
border:0px solid #ccc;
text-align:left;
}

#partenaires {
width:395px;
margin-left:40px;
}

#photo {
width:220px;
height:180px;
border:0px dashed #c0c;
display:block;
float:left;
margin-left:542px;
margin-top:5px;
position:absolute;
}

#bandeau-vignette {
width:450px;
border:0px dashed #c0c;
float:left;
height:140px;
display:block;
margin-left:52px;
margin-top:5px;
position:absolute;	
}

#vignette1 {
width:78px;
height:64px;
border:0px dashed #c0c;
float:left;
}

#vignette2 {
width:78px;
height:64px;
border:0px dashed #c0c;
display:block;
float:left;
margin-left:42px;
}

#vignette3 {
width:78px;
height:64px;
border:0px dashed #c0c;
display:block;
float:left;
margin-left:42px;
}

#vignette4 {
width:78px;
height:64px;
border:0px dashed #c0c;
display:block;
float:left;
margin-left:44px;
}

.topos {
width:78px;
font: 10px/15px verdana, arial, helvetica, sans-serif; 
color : #6E6E73; 
font-weight:bold;
text-decoration:none;
margin-left:1px;
border:0px dashed #c00;
display:block;
float:left;
text-align:center;
margin-top:40px;
}

#cadre {
width:395px;
height:180px;
padding-top:5px;
background: url(images/cadre_vert.gif) no-repeat;
}

#lecteur {
width:395px;
text-align:center;
}

#flash {
width:210px;
height:200px;
margin-top:0px;
padding-top:40px;
border:0px dashed #c0c;
text-align:center;
}

#flash-projet {
width:200px;
margin-top:2px;
margin-bottom:4px;
border:0px dashed #c0c;
float:left;
text-align:center;
}

#spacer-illustration-rubrique {
width:210px;
height:30px;
}

#flash-equipe{
width:200px;
margin-top:30px;
border:0px dashed #c0c;
float:left;
text-align:center;
}

#flash-realisations{
width:200px;
margin-top:60px;
border:0px dashed #c0c;
float:left;
text-align:center;
}

ul.liste_verte {
font-weight:none;
margin-bottom: 15px;
list-style-image: url("images/puce-verte.gif");
list-style-type: square;
}

ul.liste_verte li {
	margin-left: 0.5em;
	padding-bottom: 0.5em;
    padding-left: 0.5em;
}

ul.liste_bleue {
	width:450px;
	font: 11px/13px verdana, arial, helvetica, sans-serif; 
	text-align:left;
	font-weight:none;
	list-style-image: url(images/puce-bleue-footer.gif);
	margin-left:26px;
	margin-top: 8px;
	margin-bottom: -5px;
	list-style-type: square;
	padding-left:30px;
	border:0px dotted #c0c;

}

ul.liste_bleue li {
	margin-left: 0.5em;
	padding-bottom: 0.5em;
    padding-left: 0.5em;
}

#mille {
text-align:center;
border:0px dashed #c0c;
margin-left:10px;
margin-top:30px;
}


#lien-formulaire {
	width:320px;
	margin-top:-8px;
	padding-top:0px;
	margin-right:10px;
	text-align:left;
	font: 12px/18px verdana, arial, helvetica, sans-serif;
	display:inline;
	border:0px solid #666666;
	float:right;
	
}

/*============== FORMULAIRE DE CONTACT ========================*/

#form {
	position: relative;
	width:590px;
	background: #fff;
	display:block;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height:13pt;
	color:#747474;
	border:5px solid #108f48;
	margin-top:30px;
	padding-top:10px;
	float:left;

}

#titre_formulaire {
	font-size:18px;
	border:0px solid #333333;
	padding-bottom:25px;
}

#form_col_gauche {
	text-align:left;
	width:280px;
	position: relative;
	display:block;
	float: left;
	border:0px solid #ccc;
}

#form_col_droite {
	text-align:left;
	margin-left:10px;
	width:270px;
	height:200px;
	position: relative;
	float: left;
	border:0px solid #c00;
	display:block;
/*				background-color:#cc0;*/
}

#form_col_droitebis {
	text-align:left;
	margin-left:10px;
	width:270px;
	height:200px;
	position: relative;
	float: left;
	display:block;
		border:0px solid #c0c;
/*				background-color:#cc0;*/
}

#form_col_droite2 {
	text-align:center;
	margin-left:20px;
	width:280px;
	position: relative;
	float: left;
	border:0px solid #c00;
	display:block;
		border:0px solid #c0c;
/*		background-color:#ccc;*/

}

#form_col_bas {
	float:left;
	display:block;
	text-align:center;
	position: relative;
	width:600px;
	height: 20px;
	border:0px solid #c0c;
}

#form_boutons {
	float:left;
	display:inline;
	text-align:center;
	line-height:38px;
	position:relative;
	margin-left:1px;
	width:260px;
	height: 38px;
	margin-top:-20px;
	padding-bottom:20px;
	border:0px solid #ccc;
}

form {
display:inline;
}

div.row {
 	clear: both;
	margin-top: 1px;	
 }

div.row span.label {
	height:30px;
	padding-left:10px;
 	float: left;
  }

div.row span.label2 {
	height:30px;
	padding-left:10px;
 	float: left;
 	width: 290px;
 	text-align: left;
 }

div.row span.formw {
	float: right;
}

.champs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000033;
	background-color: #FFFFFF;
	height: 18px;
	border: 1px solid #CCCCCC;
}

.champs2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:79px;
	color: #000033;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.adresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height:13pt;
	position:relative;
	margin-left:50px;
	padding-top:10px;
	padding-bottom:2px;
}

.obligatoire {
	color:#CC0000;
	position:relative;
}

#adresse {
	padding-top:20px;
	margin-bottom:5px;
}



/*=========================*/