/*
Theme Name: eutelsatigo
Description: Template graphique français et anglais personnalisé pour le site http://www.eutelsatigo.int/
Version: 2.0
Author: One2Net
Text Domain: eutelsatigo
*/

/* @import url('https://fonts.googleapis.com/css?family=Raleway'); */


@font-face {
font-family: "Raleway";
src: url("raleway/Raleway-Bold.ttf");
}



/* CSS Document */
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, /*SUP,*/ TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}
body {
	background-color: #f7f7f7;
}
.clear {
	clear: both;
	height: 0px;
}
.width820 {
	width: 820px;
}
.width880 {
	width: 884px;
}
.width410 {
	width: 410px;
}


/* color salmon : À PROPOS */
.menusalmon a {
	color: #002039;
}
.menusalmon a:hover {
	background-color: #eb5544;
	color: #FFFFFF;
}
.menusalmon.actif a {
	background-color: #eb5544;
	color: #FFFFFF;
}
.backgroundsalmon {
	background-color: #eb5544;
}
.txtsalmon {
	color: #eb5544;
}
/* color orange : STRUCTURE  */
.menuorange a {
	color: #002039;
}
.menuorange a:hover {
	background-color: #FF6633;
	color: #FFFFFF;
}
.menuorange.actif a {
	background-color: #FF6633;
	color: #FFFFFF;
}
.backgroundorange {
	background-color: #FF6633;
}
.txtorange {
	color: #FF6633;
}

/* color green : TEXTES */
.menugreen a {
	color: #002039;
}
.menugreen a:hover {
	background-color: #29bf5d;
	color: #FFFFFF;
}
.menugreen.actif a {
	background-color: #29bf5d;
	color: #FFFFFF;
}
.backgroundgreen {
	background-color: #29bf5d;
}
.txtgreen {
	color: #29bf5d;
}

/* color darkblue : ACTIVITÉS */
.menudarkblue a {
	color: #002039;
}
.menudarkblue a:hover {
	background-color: #00A0D2;
	color: #FFFFFF;
}
.menudarkblue.actif a {
	background-color: #00A0D2;
	color: #FFFFFF;
}
.backgrounddarkblue {
	background-color: #00A0D2;
}
.txtdarkblue {
	color: #00A0D2;
}

/* color blue  : ACTUALITÉS */
.menublue a {
	color: #002039;
}
.menublue a:hover {
	background-color: #1478dc;
	color: #FFFFFF;
}
.menublue.actif a {
	background-color: #1478dc;
	color: #FFFFFF;
}
.backgroundblue {
	background-color: #1478dc;
}
.txtblue {
	color: #1478dc;
}

/* color colstandard  : autres */
.menucolstandard a {
	color: #002039;
}
.menucolstandard a:hover {
	background-color: #748FAC;
	color: #FFFFFF;
}
.menucolstandard.actif a {
	background-color: #748FAC;
	color: #FFFFFF;
}
.backgroundcolstandard {
	background-color: #748FAC;
}
.txtcolstandard {
	color: #748FAC;
}


/* ---------- */
.menuseparatorright {
	padding-right: 10px;
}
.menuseparatorboth {
	padding-right: 10px;
	padding-left: 10px;
}
.menuseparatorleft{
	padding-left: 10px;
}

.menuseparatorboth li{
padding-left: 10px;
}

#menu-logo li {	
display: inline;
padding-left: 5px; 
}

.maj{text-transform: uppercase;}

.homeboxlien {text-decoration: none;}
.homeboxinsidepad h2 {text-decoration:underline;}
	
.plandusite li{
	padding-bottom: 5px;
	padding-left: 15px;	
}

.plandusite li a{
font-weight: bold;
}

.plandusite ul li a{
font-weight: normal;
}
	
/* HEADER */
#header {
background-color: #ffffff;
height: 116px;

font-family: "Raleway";
letter-spacing: 1.8px;
font-size: 10px;
}

#headerlogo {
padding-top: 22px;
padding-bottom: 19px;

	margin-right: auto;
	margin-left: auto;
}
#headerlogo img {
	float: left;
}
#headerlogo #headerlogomenu {
float: right;
position: relative;
top:46px;
}
#headerlogo #headerlogomenu a:hover,
#headerlogo #headerlogomenu a {
text-decoration: none;
}

a.headercadre1 {
color: #ffffff;
border: 1px solid #000000;
background-color: #000000;
padding: 10px;
border-right: 0px;
}

a.headercadre2 {
color: #000000;
border: 1px solid #000000;
padding: 10px;
border-left: 0px;
}

a.headercadre3 {
color: #000000;
border: 1px solid #000000;
padding: 10px;
border-right: 0px;
}


/* MENU*/
#headermenu {
height: 24px;
background-color: #f7f7f7;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #edecec;
	
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #ffffff;

font-family: "Raleway";
font-size: 11px;
letter-spacing: 1.7px;

text-transform: capitalize;
}
#headermenu #headermenucontent {
	margin-right: auto;
	margin-left: auto;
	height: 24px;
}
#headermenu #headermenucontent ul {
	height: 24px;
	color: #000000;
}

#headermenu #headermenucontent ul li {
	display: inline;
	height: 24px;
}
#headermenu #headermenucontent ul li a,
#headermenu #headermenucontent ul li a:hover,
#headermenu #headermenucontent ul li a:visited  {
	text-decoration: none;
	display: inline-block;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	height: 8px;
	color: #000000;
}
#headermenu #headermenucontent img {
	float: left;
	margin-right: 15px;
	padding-top: 5px;
}



/* HOME ZONE 1*/
#homezone1 {
	height: 385px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background: black url(../images/slides/BANDEAU-Accueil.jpg) no-repeat center;
}
#homezone1 #homezone1content {
	margin-right: auto;
	margin-left: auto;
}
#homezone1 #homezone1content #homeslogan {
	font-family: "Roboto", sans-serif;
	font-size: 40px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 100px;
}
#homezone1 #homezone1content #homechapeau {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
#homezone1 #homezone1content #homebtn {
	margin-top: 15px;
}

/* HOME ZONE 2 */
#homezone2 {
/*	height: 325px;*/
	padding-top: 70px;
	padding-bottom: 90px;
}
#homezone2 #homezone2content {
	margin-right: auto;
	margin-left: auto;
}
#homezone2 #homezone2content .homebox {
	float: left;
	height: 158px;
	width: 175px;
	margin-left: 30px;
	margin-right: 10px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #916C52;
}
#homezone2 #homezone2content .homebox h2 {
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
}
#homezone2 #homezone2content .homebox h2 a {
	color: #000000;
}
#homezone2 #homezone2content .homebox .homeboxchapeau {
	font-family: "Roboto", sans-serif;
	font-size: 23px;
	color: #FFFFFF;
	line-height: 22px;
	margin-bottom: 5px;
	font-weight: 300;
	font-style: normal;
}
#homezone2 #homezone2content .homebox .homeboxinsidepad {
	margin: 10px;
}
#homezone2 #homezone2content .homebox .homeboxcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 13px;
}


/* FOOTER */

#footer {
background-color: #000000;
color: #ffffff;

height: 90px;
width:100%;

position: fixed;
bottom:0;
display:inline-block;
text-align:left;
}

#footermenu{
margin-left: auto;
margin-right: auto;
}

.footer_div{
margin-right: 118px;
float:left;

font-family: "Raleway";
font-size: 10px;
letter-spacing: 2px;
line-height: 12px;
}

.footer_div_offset1{margin-top: 22px;}
.footer_div_offset2{margin-top: 30px;}
.footer_div_offset3{margin-top: 40px;font-size: 11px;}
.footer_div_offset4{margin-top: 30px;margin-right: 0px;}

#footermenu a       .footer_div,
#footermenu a:link  .footer_div,
#footermenu a:hover .footer_div{
border: 1px solid #ffffff;
color: #ffffff;
padding: 10px;
}

#footermenu a,
#footermenu a:link,
#footermenu a:hover{
color: #ffffff;
text-decoration: none;
}

/* PAGE RUBRIQUE */
/* PAGE RUBRIQUE */

/* RUBRIQUE ZONE 1*/
#rubriquezone1 {	
	min-height: 305px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 80px;
}
#rubriquezone1 #rubriquezone1content {
	margin-right: auto;
	margin-left: auto;
}
#rubriquezone1 #rubriquezone1content h1 {
	font-family: "Roboto", sans-serif;
	font-size: 33px;
	color: #FFFFFF;
	padding-top: 68px;
	font-weight: 300;
	font-style: normal;
	line-height: 40px;
	padding-left: 30px;
	padding-bottom: 10px;
}
#rubriquezone1 #rubriquezone1content #level2 #SousTitre {
	float: left;
	width: 187px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #002039;
	text-align: right;
}
#rubriquezone1 #rubriquezone1content #level2 #SousMenu {
	float: left;
	padding-left: 22px;
	width: 322px;
	padding-right: 80px;
	padding-top: 3px;
}
#rubriquezone1 #rubriquezone1content #level2 #SousMenu ul {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #002039;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #002039;
}
#rubriquezone1 #rubriquezone1content #level2 #SousMenu li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #002039;
	color: #FFFFFF;
}
 #rubriquezone1 #rubriquezone1content #level2 #SousMenu a {
 	color: #002039;
	text-decoration: none;
}
 #rubriquezone1 #rubriquezone1content #level2 #SousMenu a:hover {
	color: #FFFFFF;
}
#rubriquezone1 #rubriquezone1content #level2 #SousNews {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	width: 187px;
}
#rubriquezone1 #rubriquezone1content #level2 #SousNews h2 {
	font-family: "Roboto", sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #1a3654;
	margin-top: -10px;
	line-height: 30px;
	margin-bottom: 5px;
}

#rubriquezone1 #rubriquezone1content #level2 #SousNews img {
	margin-top: 7px;
}

#rubriquezone1 #rubriquezone1content #level2 #SousMenu .txt{
background-color: #FFFFFF;
color: #002039;
font-size: 12px;
font-weight: normal;
font-style: italic;
padding: 10px;
margin-bottom: -10px;
margin-top: 10px;
}

.txt_petit{
font-size: 11px;	
}

 #rubriquezone1 #rubriquezone1content #level2 #SousMenu .txt a {
 	color: #002039;
	text-decoration: none;
	font-weight: bold;

}
 #rubriquezone1 #rubriquezone1content #level2 #SousMenu .txt a:hover {
	color: #002039;
	text-decoration: underline;	
}

/* RUBRIQUE ZONE 2*/
#rubriquezone2 {

	height: 325px;
	background-repeat: no-repeat;
	background-position: center;
}


/* PAGE SINGLE */
/* PAGE SINGLE */
#single {
	background-color: #f7f7f7;
}
/* BREADCRUMBS */
#single #breadcrumbs {
	background-color: #1a3654;
	height: 21px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#single #breadcrumbs #breadcrumbscontent {
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
}
#single #breadcrumbs #breadcrumbscontent ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #d9d6d4;
	padding-left: 18px;
}
#single #breadcrumbs #breadcrumbscontent ul a {
	color: #d9d6d4;
	text-decoration: none;
}
#single #breadcrumbs #breadcrumbscontent ul a:hover {
	color: #d9d6d4;
	text-decoration: underline;
}
#single #breadcrumbs #breadcrumbscontent li {
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}
/* BANNER */
#single #singlebanner {
	height: 125px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#single #singlebanner #singlebannercontent {
	font-family: "Roboto", sans-serif;
	font-size: 33px;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	line-height: 110px;
	padding-left: 30px;
	width: 790px;

}
#single #singlecontent {
	margin-right: auto;
	margin-left: auto;
	padding-left: 110px;
	padding-top: 55px;
	padding-bottom: 55px;
	padding-right: 300px;
	width: 410px;
}
#single #singlecontent h1 {
	font-family: "Roboto", sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}
#single #singlecontent h2 {
	color: #936b52;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #936b52;
	margin-bottom: 10px;
	padding-top: 8px;
}
#single #singlecontent h3 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3px;
}
#single #singlecontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 17px;
	margin-bottom: 10px;
}
#single #singlecontent table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse:collapse;
}
#single #singlecontent th {
	border-bottom-style: solid;
	border-bottom-color: #D9D6D4;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	margin: 0px;
	color: #002039;
	text-align: left;
}
#single #singlecontent td {
	border-bottom-style: solid;
	border-bottom-color: #D9D6D4;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	margin: 0px;
}
#single #singlecontent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #916c52;
	text-decoration: underline;
}
#single #singlecontent a:hover {
	text-decoration: none;
}
#single #singlecontent ul {
	padding-left: 15px;
}
#singlecontent li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

/* PRIVATE */
/* PRIVATE */

.docfile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: 80px;
	margin-bottom: 30px;
}
.docfile a {
	color: #000000;
	text-decoration: none;
}
.docfile a:hover {
	color: #000000;
	text-decoration: underline;
}
.docfile img {
	margin-bottom: 5px;
}
