@charset "utf-8";
/* CSS Document */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////// PROPRIETES GENERALES ///////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*INITIAL*/
html, form, fieldset {
	margin: 0;
	padding: 0;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label { 
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

/* //////////////////////////////////////////// */

body{
margin:10px 0 50px 0;
padding:0 0 0 0;
background-image:url(../images/fond-degrade.jpg);
background-repeat:repeat-x;
background-position:left top;
background-color:#FFFFFF;
color:#333333;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:11px;
line-height:13px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}
/* //////////////////////////////////////////// */


/* /////////////// ELEMENTS GRAPHIQUES /////////////// */
.pointilles_horiz{
background-image:url(../images/pointilles2.gif);
background-repeat:repeat-x;
background-position:bottom left;
height:26px;
width:495px;
margin:0 0 0 1px;
padding:0 0 0 0;
z-index:80;
clear:both;
}

.pointilles_horiz_accueil{
background-image:url(../images/pointilles2.gif);
background-repeat:repeat-x;
background-position:top left;
height:24px;
width:495px;
margin:0 0 0 3px;
padding:0 0 0 0;
z-index:80;
clear:both;
}

.fond-bleu{
background-color:#cfd7de;
color:#51728f;
text-align:center;
padding:15px;
}

/* //////////////////////////////////////////// */


/* /////////////// MISE EN PAGE /////////////// */

#container{
width:796px;
margin:0 auto 0 auto;
background-image:url(../images/fond-contenu_bas.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

#bandeau{
width:796px;
height:196px;
margin:0 0 0 -8px;
padding:0 0 0 0;
position:absolute;
margin:0;
}

#contenu{
position:absolute;
width:517px;
height:550px;
margin:196px 0 0 0;
padding:10px 30px 30px 263px;
background-image:url(../images/fond-contenu_haut.gif);
background-repeat:no-repeat;
background-position:top left;
}

#menu{
position:relative;
width:210px;
margin:0 0 0 0;
padding:205px 0px 15px 23px;
z-index:40;
}

.titre{
margin:2px 0 15px -8px;
}

#titre{
margin:-2px 0 15px 3px;
}

/*
#zone-texte{
position:absolute;
width:552px;
margin:196px 8px 0 198px;
padding:15px 15px 15px 15px;
}
*/

/* //////////////////////////////////////////// */


/* /////////////// TEXTES du MENU /////////////// */
.menu{
color:#7390aa;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:12px;
line-height:24px;
font-weight:bold;
font-style:normal;
text-decoration:none;
padding-left:15px;
background-image:url(../images/menu_fleche1.gif);
background-repeat:no-repeat;
background-position:top left;
}


a.menu:link, a.menu:visited{
color:#7390aa;
text-decoration: none;
}

a.menu:hover, a.menu:active{
color: #527088; 
text-decoration: underline;
}

.menu_active{
color:#7390aa;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:12px;
line-height:24px;
font-weight:bold;
font-style:normal;
text-decoration:none;
padding-left:15px;
background-image:url(../images/menu_fleche1_active.gif);
background-repeat:no-repeat;
background-position:top left;
}


a.menu_active:link, a.menu_active:visited{
color:#7390aa;
text-decoration: none;
}

a.menu_active:hover, a.menu_active:active{
color: #527088; 
text-decoration: underline;
}

.sousmenu{
color:#8a8a8a;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:12px;
line-height:24px;
font-weight:regular;
font-style:normal;
text-decoration:none;
padding-left:10px;
margin-left:15px;
background-image:url(../images/menu_fleche2.gif);
background-repeat:no-repeat;
background-position:top left;
}

a.sousmenu:link, a.sousmenu:visited{
color:#8a8a8a;
text-decoration: none;
}

a.sousmenu:hover, a.sousmenu:active{
color: #6b6b6b; 
text-decoration: underline;
}

.sousmenu_active{
color:#8a8a8a;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:12px;
line-height:24px;
font-weight:regular;
font-style:normal;
text-decoration:none;
padding-left:10px;
margin-left:15px;
background-image:url(../images/menu_fleche2_active.gif);
background-repeat:no-repeat;
background-position:top left;
}

a.sousmenu_active:link, a.sousmenu_active:visited{
color:#8a8a8a;
text-decoration: none;
}

a.sousmenu_active:hover, a.sousmenu_active:active{
color: #6b6b6b; 
text-decoration: underline;
}



.legende{
color:#8a8a8a;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:12px;
line-height:13px;
font-weight:normal;
font-style:italic;
text-decoration:none;
padding-left:15px;
background-image:url(../images/menu_fleche1_active.gif);
background-repeat:no-repeat;
background-position:bottom left;
}


/* Espaces sous menu */

.margin-bottom-20px{
height:20px;
}

.margin-bottom-60px{
height:60px;
}

.margin-bottom-100px{
height:100px;
}

.margin-bottom-200px{
height:200px;
}

.margin-bottom-300px{
height:300px;
}

.margin-bottom-500px{
height:500px;
}

.margin-bottom-600px{
height:600px;
}

.margin-bottom-800px{
height:800px;
}

.margin-bottom-900px{
height:900px;
}

.margin-bottom-1000px{
height:1000px;
}

.margin-bottom-1300px{
height:1300px;
}

.margin-bottom-1500px{
height:1500px;
}

.margin-bottom-1800px{
height:1800px;
}

.margin-bottom-2000px{
height:2000px;
}

.margin-bottom-2200px{
height:2200px;
}

.margin-bottom-2400px{
height:2400px;
}

.margin-bottom-2600px{
height:2600px;
}


/* //////////////////////////////////////////// */


/* ////////////////// TEXTES ////////////////// */


a:link, a:visited{
color:#666666;
text-decoration: underline;
}

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

p{
margin:0;
padding:0;
}

.txt-bleu-gras{
color:#7390aa;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:11px;
line-height:13px;
font-weight:bold;
}

.txt-bleu-gras-gd{
color:#7390aa;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:14px;
line-height:14px;
font-weight:bold;
}

.txt-bleu{
color:#7390aa;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:11px;
line-height:13px;
font-weight:normal;
}

#coordonnees{
color:#8a8a8a;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:11px;
line-height:13px;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-align:center;
margin:0 0 0 -5px;
width:210px;
padding:0;
}

/* //////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */






/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////// PROPRIETES PAR PAGES /////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ////////////////// ACCUEIL ////////////////// */


.texte-edito{
font-size:12px;
color:#222222;
}

#accueil_video{
width:240px;
height:155px;
float:left;
margin-left:-3px;
text-align:center;
background-image:url(../images/fond_itw_tele.gif);
/*background-image:url(../images/fond_itw_radio.jpg);*/
background-position:top left;
background-repeat:no-repeat;
padding:60px 30px 0 20px;
}

#accueil_mediatheque{
width:211px;
height:215px;
float:left;
margin-left:5px;
}

#accueil_carte{
width:285px;
height:215px;
float:left;
}

#accueil_cantons{
color:#51728f;
background-color:#FFFFFF;
border:#bdcad5 1px solid;
width:160px;
height:185px;
float:left;
margin-left:23px;
padding:15px;
}


/* //////////////////////////////////////////// */

/* ////////////////// PORTRAITS ////////////////// */

#portraits_encarts{
width:492px;
height:360px;
text-align:center;
margin:-2px 0 15px 3px;
}

/* //////////////////////////////////////////// */


/* ///////////// PORTRAIT NICOLAS DHUICQ / PORTRAIT JOEL RAPINAT ///////////// */

#portrait-nd_photo{
width:230px;
height:180px;
float:left;
}

#portrait-nd_identite{
width:250px;
height:170px;
float:left;
clear:right;
padding:10px 0 0 10px;
}

#portrait_nicolas-dhuicq{
width:492px;
text-align:left;
margin:-2px 0 15px 3px;
text-align:justify;
}
/* //////////////////////////////////////////// */


/* ////////////////// CIRCONSCRIPTION ////////////////// */

#circonscription{
width:492px;
text-align:left;
margin:-2px 0 15px 3px;
}

#circonscription_carte{
width:492px;
height:415px;
text-align:left;
margin:0;
}

#circonscription_contact{
width:220px;
height:220px;
text-align:left;
}

#circonscription_cantons{
color:#51728f;
background-color:#FFFFFF;
border:#bdcad5 1px solid;
width:160px;
height:185px;
float:right;
margin:-220px 0 0 20px;
padding:15px;
}

/* //////////////////////////////////////////// */

/* ////////////////// EQUIPE PARLEMENTAIRE ////////////////// */

#equipe{
width:492px;
text-align:left;
margin:0 0 15px 3px;
}

.equipe_photo{
width:130px;
height:120px;
text-align:left;
margin:0 0 0 -5px;
float:left;
}

.equipe_texte{
width:355px;
text-align:justify;
margin:6px 0 0 0;
float:left;
}

/* //////////////////////////////////////////// */

/* ////////////////// ACTION LOCALE ////////////////// */

#action-locale{
width:492px;
height:360px;
text-align:justify;
margin:-2px 0 15px 3px;
}

/* //////////////////////////////////////////// */

/* ////////////////// ACTION NATIONALE ////////////////// */

#action-nationale{
width:493px;
text-align:left;
margin:-2px 0 15px 3px;
}

.lignebleue{
	height:81px;
	background-image:url(../images/lignebleue.gif);
	background-position:top;
	background-repeat:repeat-x;
	clear:both;

}

/* //////////////////////////////////////////// */

/* ////////////////// ESPACE PRESSE ////////////////// */

#espace-presse{
width:493px;
text-align:left;
margin:-2px 0 15px 3px;
}

/* //////////////////////////////////////////// */

/* ////////////////// ASSEMBLEE NATIONALE ////////////////// */

#assemblee-nationale{
width:493px;
text-align:justify;
margin:-2px 0 15px 3px;
}

.assemblee-nationale_texte{
width:290px;
text-align:left;
float:left;
text-align:justify;
}

.assemblee-nationale_photo{
width:190px;
text-align:right;
float:right;
clear:right;
}

/* //////////////////////////////////////////// */

/* ////////////////// MEDIATHEQUE ////////////////// */

#mediatheque{
width:492px;
text-align:left;
margin:0 0 15px 3px;
}

.mediatheque_fond-bleu{
background-color:#cfd7de;
color:#333333;
text-align:left;
padding:0 15px 5px 15px;
}

.album_fond-bleu_1l{
background-color:#cfd7de;
color:#333333;
text-align:left;
padding:0 10px 15px 15px;
}

.album_fond-bleu_2l{
background-color:#cfd7de;
color:#333333;
text-align:left;
padding:0 10px 15px 15px;
}

.mediatheque_pointilles{
background-image:url(../images/pointilles.gif);
background-repeat:repeat-x;
background-position:top left;
height:1px;
width:452px
clear:both;
margin:0 0 0 0;
padding:0;
z-index:49;
}

.mediatheque_vignettes{
float:left;
border:#FFFFFF 2px solid;
margin-right:10px;
}

.album_vignettes{
border:#FFFFFF 2px solid;
margin:15px 10px 0 0;
}

.mediatheque_date{
color:#7390aa;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size:11px;
line-height:13px;
font-weight:normal;
font-style:italic;
}

.mediatheque_elements{
width:455px;
height:62px;
padding:10px 0 0 0;
}





/* //////////////////////////////////////////// */

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

#liens{
width:492px;
text-align:left;
margin:0 0 0px 3px;
}

.liens_logo{
width:110px;
height:95px;
text-align:left;
margin:0 0 0 -5px;
float:left;
}

.liens_texte{
width:355px;
text-align:justify;
margin:6px 0 0 0;
float:left;
}

/* //////////////////////////////////////////// */

/* ////////////////// CONTACT ////////////////// */

#contact{
width:493px;
text-align:justify;
margin:-2px 0 15px 3px;
}

.champtext {
border:1px solid #bdcad5;
background-color:#FFFFFF;
font-size:11px;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
color:#51728f;
padding:3px 3px 1px 3px;
margin:8px 0 8px 0;
width:290px;
height:20px;
}

.zonetext {
border:1px solid #bdcad5;
background-color:#FFFFFF;
font-size:11px;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
color:#51728f;
padding:3px 3px 1px 3px;
margin:8px 0 8px 0;
width:490px;
}


/* //////////////////////////////////////////// */



/* ///////////// ASSOCIATION NICOLAS DHUICQ ///////////// */

.association-nicolas-dhuicq{/*
width:500px;492px
height:360px;*/
text-align:justify;
margin:-2px 0 15px 3px;
}

/* //////////////////////////////////////////// */


/* ///////////// REFLEXIONS DE  NICOLAS DHUICQ ///////////// */

#reflexions-nicolas-dhuicq{
width:492px;
text-align:justify;
margin:-2px 0 15px 3px;
}

/* //////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */