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

body {
	background-image: url(../images/fond-modem_back.png);
	background-position: top;
	background-repeat: repeat;
	cursor: default;
}


/************* Structure ***********************/
/* Header */
#wrapheader {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/fond-main.png);
	background-position: top;
	background-repeat: repeat-y;
}

#backgroundheader {
	width:100%;
	background-image: url(../images/fond-modem_backhaut.png);
	background-position: top;
	background-repeat: repeat-x;
}

#header {
width: 910px;
height: 100px;
margin-left: 10px;
margin-right: 10px;
padding-left:20px;
padding-right:20px;
background-image: url(../images/MoDem_header.png);
background-position: top;
background-repeat: no-repeat;
}


/* tout ce qui se passe sous le header */

#wrap {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/fond-main.png);
	background-position: top;
	background-repeat: repeat-y;
	text-align: left;
}
#wrap2 {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/fond-main2.png);
	background-position: top;
	background-repeat: repeat-y;
	text-align: left;
}

#menu {
width: 920px;
height: 35px;
float: left;
margin-right:10px;
margin-left:10px;
padding-left:10px;
padding-right:20px;
background-image: url(../images/MoDem_menu.png);
background-position: bottom;
background-repeat: repeat-x;
}

#main {
width: 910px;
float: left;
margin-right:10px;
margin-left:10px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
}

#footer {
width: 910px;
float: left;
margin-right:10px;
margin-left:10px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 5px;
background-color:#3F3F3F;
}

/************* Structure Contenu ***********************/

#col_gauche {
float: left;
width:455px;
margin-right:20px;
}
#col_droite {
float: right;
width:435px;
}
#col_gaucherub {
float: left;
width:635px;
margin-right:40px;
margin-top: 5px;
}
#col_droiterub {
float: right;
width:235px;
}
#col_gaucheart {
float: left;
width:910px;
margin-top: 5px;
}

#themes {
width: 910px;
float: left;
margin-right:10px;
margin-left:10px;
padding-top:20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
}

/************* Sommaire ***********************/

#une {
width: 455px;
float: left;
margin-bottom: 15px;
padding-top: 65px;
background-image: url(../images/titre_modem_une.png);
background-position: top;
background-repeat: no-repeat;
}

#une li{
float: left;
width: 455px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:12px;
color: #333333;
padding-bottom: 10px;
border-bottom: 1px dotted #CCCCCC;
}

.imgune{
float: left;
width: 455px;
padding-bottom: 10px;
}
.texteune{
float: left;
width: 455px;
}
.liresuiteune a{
float: left;
width: 455px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: underline;
padding-top: 3px;
}
.liresuiteune a:hover{
float: left;
width: 455px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: none;
padding-top: 3px;
}



#une781 {
width: 455px;
float: left;
margin-bottom: 15px;
padding-top: 65px;
background-image: url(../images/titre_modem_une.png);
background-position: top;
background-repeat: no-repeat;
}

#une781 li{
float: left;
width: 455px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:12px;
color: #333333;
padding-bottom: 10px;
border-bottom: 1px dotted #CCCCCC;
}

.imgune781{
float: left;
width: 455px;
padding-bottom: 10px;
}
.texteune781{
float: left;
width: 455px;
}
.liresuiteune781 a{
float: left;
width: 455px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: underline;
padding-top: 3px;
}
.liresuiteune781 a:hover{
float: left;
width: 455px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: none;
padding-top: 3px;
}







#une2 {
width: 455px;
float: left;
margin-bottom: 15px;
}

#une2 li{
float: left;
width: 455px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:12px;
color: #333333;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #CCCCCC;
}

.img1{
float: left;
width: 122px;
padding-right: 10px;
}

.texte1{
float: left;
width: 323px;
}
.liresuite1 a{
float: left;
width: 323px;
padding-left: 132px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: underline;
padding-top: 3px;
}
.liresuite1 a:hover{
float: left;
width: 323px;
padding-left: 132px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: none;
padding-top: 3px;
}

#une78 {
width: 455px;
float: left;
margin-bottom: 15px;
padding-top: 65px;
background-image: url(../images/titre_modem_info78.png);
background-position: top;
background-repeat: no-repeat;
}

#une78 li{
float: left;
width: 455px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:11px;
color: #333333;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #CCCCCC;
}
.img78{
float: left;
width: 100px;
padding-right: 10px;
}
.liresuite78 a{
float: left;
width: 345px;
padding-left: 110px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: underline;
padding-top: 3px;
}
.liresuite78 a:hover{
float: left;
width: 345px;
padding-left: 110px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: none;
padding-top: 3px;
}


/************* Themes ***********************/
#theme1 {
float: left;
width:276px;
margin-right: 40px;
background-image: url(../images/fond_theme_circo.png);
background-position: right top;
background-repeat: repeat-y;
color:#FFFFFF;
}
#themeh1 {
float: left;
width: 276px;
height: 25px;
text-align: right;
color:#FFFFFF;
}

.themeart1 {
float: left;
width:256px;
height:20px;
background-image: url(../images/puce_circo.png);
background-position: left top;
padding-left: 20px;
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 10px;
color:#FFFFFF;
}

.textetheme1 {
float: left;
width: 236px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align: justify;
font-size:10px;
}

.liresuitetheme1 {
float: left;
width: 236px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color:#FFFFFF;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px dotted #FFFFFF;
}
.liresuitetheme1 a{
color:#FFFFFF;
text-decoration: underline;
}
.liresuitetheme1 a:hover{
color:#FFFFFF;
text-decoration: none;
}


#theme2 {
float: left;
width:276px;
margin-right: 40px;
background-image: url(../images/fond_theme_groupes.png);
background-position: right top;
background-repeat: repeat-y;
}
#themeh2 {
float: left;
width: 276px;
height: 25px;
text-align: right;
}
.themeart2 {
float: left;
width:256px;
height:20px;
background-image: url(../images/puce_groupes.png);
background-position: left top;
padding-left: 20px;
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 10px;
}
.textetheme2 {
float: left;
width: 236px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:10px;
color:#FFFFFF;
}

.liresuitetheme2 {
float: left;
width: 236px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color:#FFFFFF;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px dotted #FFFFFF;
}
.liresuitetheme2 a{
color:#FFFFFF;
text-decoration: underline;
}
.liresuitetheme2 a:hover{
color:#FFFFFF;
text-decoration: none;
}


#theme3 {
float: left;
width:276px;
background-image: url(../images/fond_theme_jeunes.png);
background-position: right top;
background-repeat: repeat-y;
}
#themeh3 {
float: left;
width: 276px;
height: 25px;
text-align: right;
}
.themeart3 {
float: left;
width:256px;
height:20px;
background-image: url(../images/puce_jeunes.png);
background-position: left top;
padding-left: 20px;
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 10px;
}
.textetheme3 {
float: left;
width: 236px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:10px;
color:#FFFFFF;
}
.liresuitetheme3 {
float: left;
width: 236px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color:#FFFFFF;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px dotted #FFFFFF;
}
.liresuitetheme3 a{
color:#FFFFFF;
text-decoration: underline;
}
.liresuitetheme3 a:hover{
color:#FFFFFF;
text-decoration: none;
}

/************* Structure Rubrique Article***********************/

#menurub {
float: left;
width: 150px;
padding-right: 9px;
margin-right: 20px;
border-right: 1px dotted #F18F00;
}

#contenurub {
float: left;
width: 435px;
}

#contenurubart {
float: left;
width: 730px;
}

#menurub ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#menurub li a.on{
color: #F18F00;
}

#menurub ul ul li a.on{
color: #00A0C6;
font-weight: bold;
}

#menurub ul li a{
color: #666666;
font-weight:bold;
font-size: 12px;
text-decoration: none;
}
#menurub ul li a:hover{
color: #00A0C6;
font-weight:bold;
font-size: 12px;
text-decoration: none;
}

#menurub ul ul a{
color: #999999;
text-decoration: none;
font-size: 10px;
}
#menurub ul ul a:hover{
color: #999999;
text-decoration: underline;
font-weight:normal;
font-size: 10px;
}

#menurub ul ul li a{
color: #999999;
font-weight: normal;
text-decoration: none;
font-size: 10px;
}

.lirub {
border-bottom: 1px dotted #CCCCCC;
padding-top: 3px;
padding-bottom: 3px;
}


#une3 {
width: 435px;
float: left;
margin-bottom: 15px;
}

#une3 li{
float: left;
width: 435px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:12px;
color: #333333;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #CCCCCC;
}

.img3{
float: left;
width: 122px;
padding-right: 10px;
}

.texte3{
float: left;
width: 303px;
}
.liresuite3 a{
float: left;
width: 303px;
padding-left: 132px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: underline;
padding-top: 3px;
}
.liresuite3 a:hover{
float: left;
width: 303px;
padding-left: 132px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size:10px;
color: #8C8C8C;
text-decoration: none;
padding-top: 3px;
}
#focus {
width: 435px;
float: left;
margin-bottom: 15px;
padding-top: 65px;
background-image: url(../images/titre_modem_focus.png);
background-position: left top;
background-repeat: no-repeat;
}
#focus li{
float: left;
width: 435px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:12px;
color: #333333;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 5px solid #00A0C6;
}
.focus{
float: left;
width: 435px;
padding-bottom: 5px;
}
.textfocus{
float: left;
width: 435px;
}



#une4 {
width: 730px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:12px;
color: #666666;
padding-top: 10px;
}


.img4{
float: left;
width: 122px;
padding-right: 10px;
}



/************* Recherche***********************/
#recart {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
margin-bottom: 20px;
}
#recart ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
padding-top: 3px;
padding-bottom: 3px;
list-style-type: disc;
list-style-position:inside;
}
#recart ul li a{
color: #333333;
text-decoration: none;
}
#recart ul li a:hover{
color: #333333;
text-decoration: underline;
}

#recrub {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}
#recrub  ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
padding-top: 3px;
padding-bottom: 3px;
list-style-type: disc;
list-style-position:inside;
}
#recrub  ul li a{
color: #333333;
text-decoration: none;
}
#recrub  ul li a:hover{
color: #333333;
text-decoration: underline;
}

#resultat {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
padding-top: 3px;
padding-bottom: 10px;
}

.pagination {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#F18F00;
padding-top: 5px;
}
.pagination a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#F18F00;
text-decoration: underline;
}
.pagination a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#F18F00;
text-decoration: none;
}


/************* Colonne droite accueil ***********************/

#d_g {
float: left;
width: 202px;
margin-right: 11px;
margin-left:10px;
}

#d_d {
float: right;
width: 157px;
padding-left: 55px;
}

#d_video {
float: left;
width: 425px;
margin-top: 40px;
margin-left:10px;
}

#d_g2 {
float: left;
width: 202px;
margin-right: 21px;
margin-left:10px;
margin-top: 15px;
}

#d_d2 {
float: right;
width: 202px;
margin-top: 15px;
}

#mail{
height: 50px;
width: 202px;
float: left;
padding-top: 10px;
}
.action a{
height: 50px;
width: 202px;
float: left;
background-image: url(../images/newsletter.png);
background-position: top;
background-repeat: no-repeat;
}
.action a:hover{
height: 50px;
width: 202px;
float: left;
background-image: url(../images/newsletter_on.png);
background-position: top;
background-repeat: no-repeat;
}
#adherer{
height: 50px;
width: 202px;
float: left;
padding-top: 10px;
}
.action1 a{
height: 50px;
width: 202px;
float: left;
background-image: url(../images/rejoindre.png);
background-position: top;
background-repeat: no-repeat;
}
.action1 a:hover{
height: 50px;
width: 202px;
float: left;
background-image: url(../images/rejoindre_on.png);
background-position: top;
background-repeat: no-repeat;
}
#agendahome{
height: 50px;
width: 202px;
float: left;
padding-top: 10px;
}

.agenda a{
height: 50px;
width: 202px;
float: left;
background-image: url(../images/agenda.png);
background-position: top;
background-repeat: no-repeat;
}
.agenda a:hover{
height: 50px;
width: 202px;
float: left;
background-image: url(../images/agenda_on.png);
background-position: top;
background-repeat: no-repeat;
}

#election{
height: 50px;
width: 202px;
float: left;
padding-top: 10px;
}
.election a{
height: 50px;
width: 202px;
float: left;
background-image: url(../images/elections.png);
background-position: top;
background-repeat: no-repeat;
}
.election a:hover{
height: 50px;
width: 202px;
float: left;
background-image: url(../images/elections_on.png);
background-position: top;
background-repeat: no-repeat;
}

#rss {
height: 30px;
width: 157px;
float: left;
background-image: url(../images/Rsslogo.gif);
background-position: left center;
background-repeat: no-repeat;
padding-bottom: 15px;
}
#fb {
height: 30px;
width: 157px;
float: left;
background-image: url(../images/Facebooklogo.gif);
background-position: left center;
background-repeat: no-repeat;
padding-bottom: 15px;
}
#modem {
height: 30px;
width: 157px;
float: left;
background-image: url(../images/modem_logo.png);
background-position: left center;
background-repeat: no-repeat;
padding-bottom: 15px;
}
#twitter {
height: 30px;
width: 157px;
float: left;
background-image: url(../images/Twitterlogo.gif);
background-position: left center;
background-repeat: no-repeat;
padding-bottom: 15px;
}
#myspace {
height: 30px;
width: 157px;
float: left;
background-image: url(../images/Myspacelogo.gif);
background-position: left center;
background-repeat: no-repeat;
padding-bottom: 15px;
}

#rechercher {
height: 25px;
float: left;
width: 207px;
background-image: url(../images/rechercher.png);
background-position: left top;
background-repeat: no-repeat;
}
#connecter {
height: 20px;
width: 157px;
float: left;
background-image: url(../images/connecter.png);
background-position: left top;
background-repeat: no-repeat;
}
#navigation {
height: 25px;
float: left;
width: 150px;
background-image: url(../images/navigation.png);
background-position: left top;
background-repeat: no-repeat;
}

.connecter {
	float: right;
	width: 115px;
	height: 20px;
	padding-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 13px;
	font-weight: bold;
}
.connecter a{
	color: #333333;
	text-decoration: none;
}
.connecter a:hover{
	color: #333333;
	text-decoration: underline;
}


#video {
float: left;
width: 425px;
height: 30px;
background-image: url(../images/video.png);
background-position: right top;
background-repeat: no-repeat;
}

#breves {
height: 25px;
float: left;
width: 202px;
background-image: url(../images/breves.png);
background-position: left top;
background-repeat: no-repeat;
}

#d_g2 li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #00A0C6;
font-weight: bold;
border-bottom: 1px dotted  #999999;
padding-top: 2px;
padding-bottom: 2px;
}

#d_g2 li a{
color: #333333;
text-decoration: none;
font-weight: normal;
}
#d_g2 li a:hover{
color: #333333;
text-decoration: underline;
font-weight: normal;
}


#commentaires {
height: 25px;
width: 202px;
float: left;
background-image: url(../images/commentaires.png);
background-position: left top;
background-repeat: no-repeat;

}

#d_d2 li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #00A0C6;
font-weight: bold;
border-bottom: 1px dotted  #999999;
padding-top: 2px;
padding-bottom: 2px;
}
#d_d2 li a{
color: #333333;
text-decoration: none;
font-weight: normal;
}
#d_d2 li a:hover{
color: #333333;
text-decoration: underline;
font-weight: normal;
}

/****** AGENDA *****/
#agenda {
margin-bottom: 20px;
}
#agenda ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #CCCCCC;
}
#agenda ul li a{
color: #333333;
text-decoration: none;
}
#agenda ul li a:hover{
color: #333333;
text-decoration: underline;
}
.titreagenda {
color:#F18F00;
font-weight: bold;
font-size: 16px;
}
.dateagenda {
color: #00A0C6;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
padding-top: 2px;
}
.lieuagenda {
color: #00A0C6;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
padding-top: 2px;
}
.descagenda {
color: #00A0C6;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
padding-top: 2px;
}
.textagenda {
color: #333333;
font-size: 12px;
}

.voirag {
color: #8C8C8C;
font-size: 10px;
text-decoration: none;
}
.voirag a{
color: #8C8C8C;
font-size: 10px;
text-decoration: none;
}
.voirag a:hover{
color: #8C8C8C;
font-size: 10px;
text-decoration: underline;
}

/****** FOOTER ****/

#footerg {
    float: left;
	width: 688px;
}

#footerg div { 
    float: left; 
    width: 162px;
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #FFFFFF;
	margin-right: 10px;
	padding-top: 5px;
    text-align: left;
	text-decoration: none;
}
#footerg div a{
height: auto;
padding-top: 10px;
color: #FFFFFF;
font-size: 10px;
text-decoration: none;
}
#footerg div a:hover{ 
height: auto;
color: #FFFFFF;
font-size: 10px;
text-decoration: underline;
}

#encartfooterr { 
    float: right; 
    width: 160px;
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	padding-top: 5px;
    text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	text-decoration: none;
	background-color:#666666;
}

#encartfooterr a{
padding-top: 5px;
padding-bottom: 5px;
margin-right: auto;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}

#encartfooterr a:hover{ 
color: #FFFFFF;
font-weight: bold;
margin-right: auto;
font-size: 11px;
text-decoration: underline;
}

#endfooter {
float: left;
width: 754px;
height: 30px;
background-image: url(../images/modem_logo_footer.png);
background-position: left center;
background-repeat: no-repeat;
margin-top: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 157px;
border-top: 1px dotted #999999;
}

#endfooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999999;
font-size: 10px;
text-decoration: none;
}
#endfooter a{
color: #999999;
font-size: 10px;
text-decoration: none;
}
#endfooter a:hover{
color: #999999;
font-size: 10px;
text-decoration: underline;
}

/****** AGENDA *****/
#newsletter {
margin-bottom: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 2;
}

/****** FORUM *****/
#formulaire_forum {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
line-height: 2;
}

imput.textf {
	width: 400px;
	height: 25px;
	border: 1px solid #999999;
	margin-right: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea.textf {
	width: 400px;
	height: 250px;
	border: 1px solid #999999;
	margin-right: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}