@charset "utf-8";

/*------------------CONSTANTS-------------------*/
body{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; font-size:12px; margin:0 0 15px; }
#all{ width:960px; margin:0 auto; }

a{ text-decoration:none; color:#59a3d5; }
a:hover{ text-decoration:underline;}
h2 a{ color:#555; }

.clearer{ float:none; clear:both;}
.line{ height:1px; border-top:1px solid #e3e3e3; padding:0; margin:0; font-size:0; clear:both; }

#mnuLang{ float:right; margin-top:10px; }
#mnuLang a{ color:#757575; }
#mnuLang a:visited{ color:#757575; }
#mnuLang a:hover{ color:#59a3d5; }
#mnuLang a.active{ color:#063474; text-decoration:underline; }
#mnuLang a.active:visited{ color:#063474; }

h1{ font-family: Geneva, Arial, Helvetica, sans-serif; margin:20px 0; padding:0; font-size:24px;}
h2{ font-family: Geneva, Arial, Helvetica, sans-serif; margin:10px 0; padding:0; font-size:18px;}
a img{ border:0; }

#contentLeft h1{ margin-top:0; }

/*------------------FORMS-------------------*/
.error{ color:#CC0000;font:bold 1em Arial, Helvetica, sans-serif; }
div.error{ background-color:#e1bdae;border:1px dotted #df0000; padding:10px; }
div.error ol{ list-style:decimal; padding-left:10px; margin-left:10px; }

form{ margin:0; padding:0; }
form.myForm fieldset {margin:0; padding:0; border:none; }
form.myForm legend { margin-left:0.8em; color: #555; font-weight: bold; }
form.myForm fieldset ol {padding: 0 1em 0; list-style: none; margin:0; }
form.myForm fieldset li {padding: 0.4em; border-bottom:1px solid #d8d8d8; font-size:1em; }
form.myForm fieldset.submit {float: none; width: auto; border-style: none; padding-left: 14em; margin-top:5px;}
form.myForm fieldset.submit.right{ text-align:right; padding-right:5px; }
form.myForm label {position: relative; float: left; width: 12em; margin-right:1em; font-weight:bold; }
form.myForm label em {position: absolute; left: 12em; top: 0; color:#FF0000;}
form.myForm input.digit{text-align:right;}
form.myForm fieldset li strong { text-align:left; color:#555; font-weight:bold; }
form.myForm .error label strong { display:block; }
form.myForm input.longtext{ width:350px; }
form.myForm input.numeric{ text-align:right; }
form.myForm fieldset .legend{ line-height:1em; font-size:0.9em; }
form.myForm span.hightlight{ color:#a20505; }

form.myForm .textlong{ width:350px; }
form.myForm .textmedium{ width:250px; }
form.myForm .selectmedium{ width:250px; padding:1px; }
form.myForm .textareamedium{ width:550px; height:90px; }

/*------------------MENU-------------------*/
.headerTitle{ margin:10px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:20px;}

#headerMenu{ }
#headerMenu a{ display:block; float:left; color:#555; border-right:1px solid #d1d5d6; border-left:1px solid #fff; padding:0 15px; margin:10px 0 0; height:65px;}
#headerMenu a:hover{ text-decoration:none; }
#headerMenu ul{padding:0; margin: 20px 0 2px 0; width:960px; background-color:#eaedee; height:82px; }
#headerMenu ul li{ list-style-type:none; display:inline;}
#headerMenu ul li.selected a .menuBigTitle{ color:#063474; }
#headerMenu ul li.selected a:visited .menuBigTitle{ color:#063474; }
#headerMenu ul li.last a{ border-right:none;}
#headerMenu ul li.first a{ border-left:none;}

span.menuBigTitle{  font-size:20px; display:block; margin:0 0 5px 0; padding:0; font-family:Arial, Helvetica, sans-serif;  line-height:0.9;}
span.menuSmallTitle {font-size:11px; line-height:1.2; }


#content{ height:1%; }
#contentBoth{  border:1px solid #b6b6b6; border-width:0 1px;clear:both; margin-top:15px; height:1%; }
#contentLeft{ float:left; width:600px;  padding:0 0 0 10px; display:inline; }
#contentRight{ float:right; width:315px; margin-right:10px; display:inline; padding-left:10px; border-left:1px solid #B6B6B6; }
#contentBoth div.text{ padding:0 10px; }
#contentLeft p{ text-align:justify; }

/*------------------CONTENT RIGHT-------------------*/
#ulSectionsRight{ list-style:none; padding:0; margin:25px 0 0 10px; }
#ulSectionsRight li{ padding-left:35px; margin-bottom:30px; }
#ulSectionsRight li h2{ margin:0; padding:0; line-height:1.1; text-transform:uppercase; font-size:20px; font-weight:normal; }
#ulSectionsRight li a{  }
#ulSectionsRight li.section_energy { background:url(../images/design/ligne_vert.gif) no-repeat left top;}
#ulSectionsRight li.section_services { background:url(../images/design/ligne_rose.gif) no-repeat left top;}
#ulSectionsRight li.section_contracts { background:url(../images/design/ligne_bleu.gif) no-repeat left top;}
#ulSectionsRight li.section_alimentation { background:url(../images/design/ligne_orange.gif) no-repeat left top;}
#ulSectionsRight li.section_world{ background:url(../images/design/ligne_ciel.gif) no-repeat left top;}
#ulSectionsRight li.section_health { background:url(../images/design/ligne_rouge.gif) no-repeat left top;}
#ulSectionsRight li.section_security { background:url(../images/design/ligne_jaune.gif) no-repeat left top;}
#ulSectionsRight li.section_group { background:url(../images/design/ligne_mauve.gif) no-repeat left top;}

/*------------------CONTENT LEFT-------------------*/
.pageletters{ margin-top:10px; }
#contentLeft .pagi{ text-align:right; border-bottom:1px solid #b6b6b6; padding-bottom:2px; height:1%; }
#contentLeft .pagiBottom{ }
#contentLeft .pagiBottom .pagenumbers{ text-align:right; }
#contentLeft .pagiTop{ margin-bottom:10px;  }


/*------------------INDEX-------------------*/
#annonceTexts{ height:205px; margin-top:20px; }
#annonce{ position:relative; float:left; background:url(../images/design/newMemberBG.gif); background-repeat:no-repeat; width:720px; height:280px;margin:0; padding:0; border-right:1px solid #000000; font-family:Arial, Helvetica, sans-serif}
#annonce p{ margin:0 30px 0 30px; color:#031b3c; font-size:18px; line-height:1.5; }
#annonce p .highlight{ color:#961c1c; }
#annonce p#annonceNav{ margin:10px 30px 0 0; padding:0; color:#778291; font-size:12px; text-align:right; font-weight:bold; display:none;}
#annonce p#annonceNav a{ text-decoration:underline; color:#778291; outline:none; }
#annonce p#annonceNav a.active{ text-decoration:none; }
#annonceAndmembers #members{ float:left; margin:0; padding:0; background-color:#3d4245; height:280px; width:239px; position:relative; }
#annonceAndmembers #members h3{ color:#FFF; margin:5px; padding:0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; }
#annonceAndmembers #members h3 a{ color:#FFF; text-decoration:none; }
#annonceAndmembers #members .party{ margin-left:5px; color:#b1a9a9; font-size:12px; font-weight:normal; }
#annonceAndmembers #members .flag{ width:18px; margin-right:2px; }
#annonceAndmembers #members .btnView{ float:right; position:absolute; bottom:5px; right:5px; }
.buttonHomeAd{ text-align:center; }

#index_sections{ padding:0 0 0 10px; margin:0; height:1%; }
#index_sections div{ float:left; width:220px; margin:0 15px 10px 0; padding:0; display:inline; }
#index_sections h2{ text-transform:uppercase; font-size:20px; height:50px; font-weight:normal; margin:0 0 15px 0; padding:3px 0 0 20px;}
#index_sections h2 a:hover{ text-decoration:none; }
#index_sections .linkDownload{ margin-bottom:20px; display:block; float:none; width:100%; font-size:14px; text-align:center; }
#index_sections div p{ text-align:justify; }

h2.section_energy { background:url(../images/design/ligne_vert.gif) no-repeat left center;}
h2.section_services { background:url(../images/design/ligne_rose.gif) no-repeat left center;}
h2.section_contracts { background:url(../images/design/ligne_bleu.gif) no-repeat left center;}
h2.section_alimentation { background:url(../images/design/ligne_orange.gif) no-repeat left center;}
h2.section_world{ background:url(../images/design/ligne_ciel.gif) no-repeat left center;}
h2.section_health { background:url(../images/design/ligne_rouge.gif) no-repeat left center;}
h2.section_security { background:url(../images/design/ligne_jaune.gif) no-repeat left center;}
h2.section_group { background:url(../images/design/ligne_mauve.gif) no-repeat left center;}

/*------------------SIGN UP-------------------*/
.randomSubscriber{ background:#f0f2f2; height:215px; position:relative; }
.randomSubscriber .imgSigner{ float:left; margin-right:10px; }
.randomSubscriber h3{ color:#555; padding:10px 0; margin:0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:13px; }
.randomSubscriber h3 a{ color:#555; }
.randomSubscriber p{ padding:0; margin:5px; }
.randomSubscriber h3 a:visited{ color:#555; }
.randomSubscriber .party{  color:#b1a9a9; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; }
.randomSubscriber .flag{ width:20px; }
.randomSubscriber .btnView{ float:right; margin-right:5px; }
.randomSubscriber .btnView{ position:absolute; bottom:10px; right:5px; }

/*------------------SPEAK OUT-------------------*/
#subscribersContainer{ }
#subscribersContainer .item{ border-bottom:1px solid #b6b6b6; height:1%; padding-bottom:10px; margin-bottom:10px; }
#subscribersContainer .title{ height:25px; }
#subscribersContainer .item h3{ margin:0; padding:0; font-size:16px; float:left; }
#subscribersContainer .item h3 a{ color:#3d4245; }
#subscribersContainer .item h3 a:visited{ color:#3d4245; }
#subscribersContainer .item h3 a:hover{ text-decoration:none; color:#59A3D5; }
#subscribersContainer .flag{ position:relative; top:4px; margin:0 15px; }
#subscribersContainer .flag img{ width:18px; }
#subscribersContainer .party{ position:relative; top:3px; color:#AAA; }
#subscribersContainer .is_mep{ position:relative; float:right; top:3px; color:#AAA; margin-right:7px; }
#subscribersContainer .item .img{ float:left; margin-right:5px; border:1px solid #b6b6b6; padding:1px; }
#subscribersContainer .item .btnView{ float:right; }
#contentLeft #filters{ background-color:#f6f6f6; padding:10px; margin:0 0 10px; text-align:center; }
#contentLeft #filters .select{ width:90px; margin-left:5px; }
#contentLeft #filters .text{ width:90px; margin-left:5px; }
#contentLeft #filters label{ margin-left:5px; }
#contentLeft #filters label.first{ margin-left:0; }
#contentLeft #filters #btnSend{ margin-left:5px; }

/* SIGNERVIEW */
#contentSigner .imgSigner{ float:left; margin:0 10px 0 0; }
#contentSigner .flag{ position:relative; top:8px; float:right; margin-right:5px; }
#contentSigner h1{ float:left; }
#contentSigner h2{ float:left; font-size:16px; color:#AAA; margin:0 0 20px 20px; padding:0; position:relative; top:7px; }
#contentSigner p{ margin-top:0; }
#signersback { border:1px solid #B6B6B6; border-width:1px 0; text-align:right; padding:5px 0; margin-bottom:15px; }

/*------------------THE PACT-------------------*/
#slctDownloadPact{ width:630px; margin-bottom:15px; }
.blocGrey{ background-color:#f6f6f6; padding:10px; }

/*-----------------OUR MEMBERS-----------------*/
#our-members-container .item{ border-bottom:1px solid #808080; }
#our-members-container .item .country{ font-size:14px; }

/*------------------FOOTER-------------------*/
#footer{ line-height:1.4em; width:960px; border-top:1px solid #808080; border-bottom:1px solid #808080; margin:20px 0 5px; padding:2px 0; position:relative; }
#footer #logobeuc{ position:absolute; right:0px; top:8px; }
#footer p{ text-align:center; padding:0; margin:7px 0; }
#footer a{ color:#555; }
#signingdigiwork{ font-size:10px; color:#AAA; position:absolute; top:28px; left:0px; }