p {font-size: 20px; color: black;}
body {background: url("images/background.jpg") repeat-x; width: 100%; height:100%; left: 0; margin: auto;}
a img {border: none;} 
h1 {margin: 20px; font-size: 1.4em; color: #0a609e; text-align: center; font-family: Verdana;}
h4 {margin: 14px; margin-bottom: 15px; font-size: 0.9em; color: #0a609e; text-align: center; font-family: Verdana;}



/* Le header */

#head {
	width: 900px;
	height: 150px;
	margin: 0;
	margin: auto;
	top: 13px;
	left: 0;
	position: relative;
}

#logo {
	width: 28%;
	height: 65px;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	position: relative;
}

#social {
	width: 15%;
	float:right;
	height: 40px;
	color: #0a609e;
	font-family: Verdana; font-size: 20px; font-weight: italic; 
	margin-top:-60px;
	position:relative;
}

/* Le menu */

#navigation {
	width: 900px;
	height: 35px; 
	position: absolute;
	font-family: Verdana; font-size: 13px; font-weight: bold; 
	background : url("images/topnav_background.jpg") repeat-x;
	margin-left: 0px;
	top: 75px;
	}

#navigation, #navigation ul{
	list-style : none; /* on supprime le style par défaut de la liste */
    line-height : 35px; /* on définit une hauteur pour chaque élément */
    text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#navigation ul {
	margin: 0;
	margin-left: -40px;
	position: absolute;
}

#navigation a {
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding: 0 5px 0 5px;
	border-left : 1px solid white;color : #fff; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width : auto; /* largeur des boutons */
	height: 35px;
}

#navigation ul.second-level li.sousmenu a {
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	background: 0;
    color : #0a609e; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width : auto; /* largeur des boutons */
	height: 30px;
	padding: 0 10px;
	border: 0;
}

#navigation ul.second-level li.sousmenu a:hover {
	text-decoration: underline;
}

#navigation ul li{
	list-style: none;
	float:left;
	padding: 0;
}

#menu li.hover a,
#menu li:hover a{
	background : url("images/topnav_background_hover.jpg") repeat-x;
	color: #0a609e; /* couleur du lien du bouton du menu lorsque la souris passe dessus  */
}

#menu li.hover ul.second-level,
#menu li:hover ul.second-level{
	display:block; /* le sous-menu s'affiche lorsqu'on passe sur le bouton du menu */
	position: absolute;
}

#menu ul.second-level { /* caractéristiques des sous-menus */
	height: 30px;
	width: 700px;
	display: none;
	position: absolute;
	top: 35px; /* positionnement du sous-menu par rapport au bouton du menu */
	left: -101px;
	padding-left: 240px;
	font-family: Verdana; font-size: 12px;
	border-top: 1px solid white;
}

#menu ul li a{
	float: left;
	height: 20px;
	display: none;
}

/* Le corps de la Homepage */

#home {
	width: 900px; 
	height: 430px; 
	margin: auto; 
	margin-top: 30px; 
	margin-bottom: 0; 
	position: relative;
}

/* Présentation d'Arrimage et de ses produits sur la Homepage */

#intro {
	height: 310px;
} 

#intro_texte {
	height: 310px;
	width: 500px;
	color: black;
	font-size: 14px;
	font-family: verdana;
	position: absolute;
	padding: 0 0 0 6px;
}

#intro_video {
	height: 310px;
	width: 345px;
	position: absolute;
	right: 0px;
}


/* Pavés de présentation des produits sur la Homepage */

ul.homepage_promo {
	height: 80px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 0;
}

ul.homepage_promo li {
	position: absolute;
	height: 80px !important; width: 440px;
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0;
	border: 1px solid #cdcdcd;
}

ul.homepage_promo li h3 {
	font-size: 18px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: black;
	top: 10px; left: 10px;
	margin: 0; 
	padding-left: 5px;
}

ul.homepage_promo li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	text-decoration: none;
}

ul.homepage_promo li:hover a {
	background-color: #fd8a3a;
}

ul.homepage_promo li p {
	font-size: 14px; 
	color: white;
	font-family: Verdana;
	padding-left: 5px;
	line-height: 1em;
}
		   
ul.homepage_promo li.homepage_promo_1 {
	left: 0px;
	background: url('images/homepagepromo.jpg');
}

ul.homepage_promo li.homepage_promo_1 h2 {
	top: 16px; left: 20px; color: black;
}

ul.homepage_promo li.homepage_promo_1 h2 a {
	height: 19px; width: 103px; color: black;
}

ul.homepage_promo li.homepage_promo_1 p {
	width: 380px;
}



ul.homepage_promo li.homepage_promo_2 {
	left: 460px;
	background: url('images/homepagepromo.jpg');
}

ul.homepage_promo li.homepage_promo_2 h2 {
	top: 16px; left: 20px;
}

ul.homepage_promo li.homepage_promo_2 h2 a {
	height: 19px; width: 77px;
	background: url('/jw/images/homepage_promo_addons.png') no-repeat;
}

ul.homepage_promo li.homepage_promo_2 p {
	width: 380px;
}

img#droite_grande {position: relative; margin: 15px; margin-left: 35px; border: 0;}
img#droite_petite {position: absolute; right: 5px; bottom: 5px; border: 0;}

/* Footerlinks sur la Homepage */

.footerlinks {display: block; position: relative; margin: auto; margin-bottom: 10px;	font-size: 11px; color: #777777; width: 900px; height: 10px; text-align: center; clear: both;}
.footerlinks a { color: #777777;	text-decoration: none;}
.footerlinks a:hover { color: #336699;}
.footerlinks span { margin-top: 5px; display: block;}
.footerlinks p {	font-size: 14px; margin-top: 0;}

/* Corps des pages */

#corps {position: relative; width: 858px; min-height: 500px; margin: auto; margin-top: 15px; padding: 1px 20px 1px 20px; color: #000000; background: url("images/degrade-corps.jpg") repeat-x; border: 1px solid #cdcdcd;}
#corps h1 {margin: 20px; font-size: 1.4em; color: white; text-align: center; font-family: Verdana;}
#corps h2 {margin: 2px; font-size: 1.3em; color: black; text-align: center; font-family: Verdana;}
#corps h3 {margin: 2px; font-size: 1.1em; text-align: left; font-family: Verdana;}
#corps h4 {margin: 14px; margin-bottom: 15px; font-size: 0.9em; color: white; text-align: left; font-family: Verdana;}
#corps h5 {margin: 2px; margin-bottom: 30px; font-size: 0.8em; color: white; text-align: center; font-family: Verdana;}
#corps h6 {margin: 5px; font-size: 1.3em; color: #0a609e; text-align: center; font-family: Verdana;}
#corps p {font-size: 0.9em; font-family: Verdana; margin: 0;}

#corpsformation {position: relative; width: 858px; min-height: 500px; margin: auto; margin-top: 25px; padding: 1px 20px 1px 20px; color: #000000; background: #f0f5f9; border: 1px solid #cdcdcd;}
#corpsformation h1 {margin: 20px; font-size: 1.4em; color: white; text-align: center; font-family: Verdana;}
#corpsformation h2 {margin: 2px; font-size: 1.3em; color: black; text-align: center; font-family: Verdana;}
#corpsformation h3 {margin: 2px; font-size: 1.1em; text-align: left; font-family: Verdana;}
#corpsformation h4 {margin: 14px; margin-bottom: 15px; font-size: 0.9em; color: white; text-align: left; font-family: Verdana;}
#corpsformation h5 {margin: 2px; margin-bottom: 30px; font-size: 0.8em; color: white; text-align: center; font-family: Verdana;}
#corpsformation h6 {margin: 5px; font-size: 1.3em; color: #0a609e; text-align: center; font-family: Verdana;}
#corpsformation p {font-size: 0.9em; font-family: Verdana; margin: 0;}


#arborescence { width: 800px; height: 20px; margin-top: 5px; margin-left: -10px;}
#arborescence a { color: grey; font-size: 11px;}



/* Page de présentation */
#trombi {width: 820px; height: 120px; margin: 25px 20px 0 20px;}
#photo {width: 100px; height: 120px; background-color: white;}
#texte {width: 700px; height: 110px; background-color: white; margin-top: -120px; margin-left: 120px; padding: 5px;}
#texte h5 {font-size: 1em; color: #0a609e; text-align: left; font-family: Verdana; padding: 0; margin: 0;}
#texte p {margin-top: 5px;}

/* ARRIMAGE LANGUES */
/* Boites "sommaire" pour Arrimage Langues */

#elements_sommaires_L {position: relative; width: 600px; height: 100px; background-color: #fff; margin: 10px;}
#elements_sommaires_L h3 {padding: 10px; padding-bottom: 3px; padding-left: 30px; color: #0a609e;}
#elements_sommaires_L p {padding: 0 5px 0 12px; font-family: Verdana; font-size: 0.8em; text-align: justify;}
#elements_sommaires_L a {display: block; width: 600px; height: 100px; text-decoration:none;}
#elements_sommaires_L a:hover {background : #0a609e;}
#elements_sommaires_L a:hover p, #elements_sommaires_L a:hover h3 {color : #fff;}

img#next1 {position: absolute; top: 11px; left: 10px; border: 0;}


/* Mini-sommaires */

#minisommaires_L {position: relative; width: 600px; height: 45px; background-color: #fff; margin: 8px 10px 8px 10px;}
#minisommaires_L h3 {padding: 5px 10px 1px 35px; color: #0a609e; font-size: 15px;}
#minisommaires_L p {padding: 0 5px 0 37px; font-family: Verdana; font-size: 0.8em; text-align: justify;}
#minisommaires_L a {display: block; width: 600px; height: 45px; text-decoration:none;}
#minisommaires_L a:hover {background : #0a609e;}
#minisommaires_L a:hover p, #minisommaires_L a:hover h3 {color : #fff;}

img#next2 {position: absolute; top: 4px; left: 10px; border: 0;}

/* Éléments isolés du corps pour Arrimage Langues */

#elements_L {width: 598px; background-color: #fff; margin-left: 10px; margin-top: 30px; margin-bottom: 50px; padding: 0 30px 20px 20px; font-family: verdana; font-size: 13px; border: 1px solid #cdcdcd;}
#elements_L h2 {padding: 30px 20px 0px 5px; color: #0a609e; margin: 0; font-size: 1.3em;}
#elements_L h4{color: #0a609e; padding: 30px 5px 0 10px; margin: 0;}
#elements_L p {padding: 10px 30px 0 20px; margin: 0; font-family: verdana; font-size: 13px;}
#elements_L p a, #elements_L ul a, #elements_L ol a  {color: black;}
#elements_L ul, #elements_L ol {padding-left: 40px; padding-right: 20px; font-family: verdana; font-size: 13px;}

#lien_haut {float: right; color: #0a609e;}

/* Blocs de droite pour accès rapide pour Arrimage Langues */

#blocdroite {position: absolute; width: 250px; height: auto; max-height: 310px; top: 110px; margin-left: 620px; color: white; font-weight: bold;}
#suivezarrimage {float:right;width: 190px; height: auto; color: white; font-weight: bold;background:#ececec;padding-left:10px;padding-bottom: 10px;}
#suivezarrimage img {margin: 0;}
#suivezarrimage h2 {color: #0a609e;}

#blocinscription {position: absolute; width: 250px; height: auto; max-height: 310px; top: 210px; margin-left: 620px; color: white; font-weight: bold;}
#liendroite {position: relative; margin-bottom: 0;}
#liendroite a {width: 200px; height: 50px; color: white;}
#liendroite img {margin-left: 42px;}

#blocdroitepub {position: absolute; width: 245px; height: 195px; top: 205px; margin-left: 620px; border: 2px solid #cdcdcd; padding-top: 5px;}
#blocdroitepub h3 {font-size: 18px; text-align: center;}
#blocdroitepub a {display: block; width: 245px; height: 195px; color: red;}
#blocdroitepub a:hover {color: black;}

#blocreference {position: absolute; width: 200px; height: auto; min-height: 300px; top: 335px; margin-left: 670px; color: white; font-weight: bold; background: #0c61a1;}
#blocliens {position: absolute; width: 200px; height: auto; min-height: 300px; top: 439px; margin-left: 670px; color: white; font-weight: bold; background: #0c61a1;}
#bloctemoignages {position: absolute; width: 200px; height: auto; min-height: 300px; top: 401px; margin-left: 670px; color: white; font-weight: bold; background: #0c61a1;}
#blocreference h3, #blocliens h3, #bloctemoignages h3 {color: white; text-align: center;}
#blocreference h5, #blocliens h5, #bloctemoignages h5 {color: white; text-decoration: underline; padding: 0; margin: 0; padding-left: 10px; margin-top: 10px; font-size: 0.9em; text-align: left;}
#blocreference p, #blocliens p, #bloctemoignages p {color: white; padding: 0; margin: 0; padding-left: 10px; margin-top: 10px;}
#blocreference ul, #blocliens ul, #bloctemoignages ul {color: white; margin-top: 5px; padding-left: 30px;}
#blocreference a, #blocliens a, #bloctemoignages a {color: white; text-decoration: none; font-size: 0.9em;}
#blocreference a:hover, #blocliens a:hover, #bloctemoignages a:hover {text-decoration: underline;}



#blocdroiteprq {position: absolute; width: 200px; height: auto; top: 77px; margin-left: 670px; padding-left:3px;background-color: white;}
#blocdroiteprq  ul li {list-style-type: none; margin-left: -35px; font-family: Verdana; font-size: 14px;}
#blocdroiteprq h6 {font-size: 1.2em; color: #0a609e; text-align: center; font-family: Verdana;}

#blocdroitecontact {position: absolute; width: 260px; height: 200px; top: 210px; margin-left: 550px; color: white; font-weight: bold;}


/* ARRIMAGE KM */
/* Éléments des sommaires isolés du corps pour Arrimage KM */

#elements_sommaires_KM {position: relative; width: 600px; height: 100px; background-color: #fff; margin: 10px; padding: 0;}
#elements_sommaires_KM h3 {padding: 10px; padding-bottom: 3px; padding-left: 30px; color: #873479;}
#elements_sommaires_KM p {padding: 0px 20px 0px 20px; font-family: Verdana; font-size: 0.8em; text-align: justify;}
#elements_sommaires_KM a {display: block; width: 600px; height: 100px; text-decoration:none;}
#elements_sommaires_KM a:hover {background : #873479;}
#elements_sommaires_KM a:hover p, #elements_sommaires_KM a:hover h3 {color : #fff;}

/* Éléments isolés du corps pour Arrimage KM */

#elements_KM {width: 598px; background-color: #fff; margin-left: 10px; margin-top: 30px; margin-bottom: 50px; padding: 0 30px 20px 20px; font-family: verdana; font-size: 13px; border: 1px solid #cdcdcd;}
#elements_KM h2 {padding: 30px 20px 0px 5px; color: #873479; margin: 0; font-size: 1.3em;}
#elements_KM h4{color: #873479; padding: 30px 5px 0 10px; margin: 0;}
#elements_KM p {padding: 10px 30px 0 20px; margin: 0; font-family: verdana; font-size: 13px;}
#elements_KM ul, #elements_KM ol {padding-left: 40px; padding-right: 20px; font-family: verdana; font-size: 13px;}


/* ARRIMAGE SI */
/* Éléments des sommaires isolés du corps pour ARRIMAGE SI

#elements_sommaires_SI {width: 600px; height: 120px; background-color: #fff; margin: 10px;}
#elements_sommaires_SI h3 {padding: 10px; padding-bottom: 0px; color: #873479;}
#elements_sommaires_SI p {padding: 0px 20px 0px 20px; font-family: Verdana; font-size: 0.8em; text-align: justify;}
#elements_sommaires_SI a {display: block; width: 600px; height: 120px; text-decoration:none;}
#elements_sommaires_SI a:hover {background : #873479;}
#elements_sommaires_SI a:hover p, #elements_sommaires_SI a:hover h3 {color : #fff;}

*/

/* Éléments isolés du corps pour ARRIMAGE SI 

#elements_SI {width: 550px; background-color: #fff; margin: 30px 15px 15px 15px; padding: 0 30px 20px 20px;font-family: helvetica;}
#elements_SI h3 {padding: 20px 20px 0px 0px;} 
#elements_SI ul {padding-left: 60px;}

*/


/* ARRIMAGE PRQ */
/* Éléments des sommaires isolés du corps pour Arrimage PRQ */

#elements_sommaires_PRQ {position: relative; width: 600px; height: 100px; background-color: #fff; margin: 10px;}
#elements_sommaires_PRQ h3 {padding: 10px; padding-bottom: 0px; padding-left: 40px; color: red;}
#elements_sommaires_PRQ p {padding: 0px 20px 0px 20px; font-family: Verdana; font-size: 0.8em; text-align: justify;}
#elements_sommaires_PRQ a {display: block; width: 600px; height: 100px; text-decoration:none;}
#elements_sommaires_PRQ a:hover {background : red;}
#elements_sommaires_PRQ a:hover p, #elements_sommaires_PRQ a:hover h3 {color : #fff;}

/* Éléments isolés du corps pour Arrimage PRQ */

#elements_PRQ {width: 598px; background-color: #fff; margin: 30px 15px 15px 15px; padding: 0 30px 20px 20px; font-family: verdana; font-size: 13px; border: 1px solid #cdcdcd;}
#elements_PRQ h2 {padding: 30px 20px 0px 5px; color: red; margin: 0; font-size: 1.3em;}
#elements_PRQ h4{color: red; padding: 30px 5px 0 10px; margin: 0;}
#elements_PRQ p {padding: 10px 30px 0 20px; margin: 0; font-family: verdana; font-size: 13px;}
#elements_PRQ ul, #elements_PRQ ol {padding-left: 40px; padding-right: 20px; font-family: verdana; font-size: 13px;}


/* Le pied de page */

#pied_de_page { width: 888px; height: 85px; padding: 5px; margin: auto; margin-top: 40px; text-align: left; font-family: helvetica; font-size: 0.6em; color: #c4c4c4;}
#pied_de_page .accueil {float: left; width: 140px; margin-right: 15px;}
#pied_de_page .accueil a {display: block; float: left; width: 140px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px; border-right: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .accueil a span {background: #c4c4c4;}
#pied_de_page .adresse {float:right; width: 125px; text-align: right;}
#pied_de_page .adresse a {display: block; float: left; width: 125px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .adresse p {color: grey; font-size: 1em;}

#pied_de_page .formations {float: left; width: 165px; margin-right: 15px;}
#pied_de_page .formations a {display: block; float: left; width: 165px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .formations ul {margin: 0;padding: 0;list-style-type: none;}
#pied_de_page .formations ul li {margin: 0; width: 165px;}
#pied_de_page .formations ul li a {font-weight: normal; color: #c4c4c4; padding: 3px 0; text-decoration: none;}
#pied_de_page .financement {float: left; width: 180px; margin-right: 15px;}
#pied_de_page .financement a {display: block; float: left; width: 180px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .financement ul {margin: 0;padding: 0;list-style-type: none;}
#pied_de_page .financement ul li {margin: 0; width: 180px;}
#pied_de_page .financement ul li a {font-weight: normal; color: #c4c4c4; padding: 3px 0; text-decoration: none;}
#pied_de_page .methode {float: left; width: 120px; margin-right: 15px;}
#pied_de_page .methode a {display: block; float: left; width: 120px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .methode ul {margin: 0;padding: 0;list-style-type: none;}
#pied_de_page .methode ul li {margin: 0; width: 120px;}
#pied_de_page .methode ul li a {font-weight: normal; color: #c4c4c4; padding: 3px 0; text-decoration: none;}

#pied_de_page .prq {float: left; width: 180px; margin-right: 15px;}
#pied_de_page .prq a {display: block; float: left; width: 180px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .prq ul {margin: 0;padding: 0;list-style-type: none;}
#pied_de_page .prq ul li {margin: 0; width: 180px;}
#pied_de_page .prq ul li a {font-weight: normal; color: #c4c4c4; padding: 3px 0; text-decoration: none;}
#pied_de_page .formationsPRQ {float: left; width: 130px; margin-right: 15px;}
#pied_de_page .formationsPRQ a {display: block; float: left; width: 130px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .formationsPRQ ul {margin: 0;padding: 0;list-style-type: none;}
#pied_de_page .formationsPRQ ul li {margin: 0; width: 130px;}
#pied_de_page .formationsPRQ ul li a {font-weight: normal; color: #c4c4c4; padding: 3px 0; text-decoration: none;}
#pied_de_page .inscription {float: left; width: 80px; margin-right: 15px;}
#pied_de_page .inscription a {display: block; float: left; width: 80px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .inscription ul {margin: 0;padding: 0;list-style-type: none;}
#pied_de_page .inscription ul li {margin: 0; width: 80px;}
#pied_de_page .inscription ul li a {font-weight: normal; color: #c4c4c4; padding: 3px 0; text-decoration: none;}

#pied_de_page .savoir-faire {float: left; width: 165px; margin-right: 15px;}
#pied_de_page .savoir-faire a {display: block; float: left; width: 165px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .savoir-faire ul {margin: 0;padding: 0;list-style-type: none;}
#pied_de_page .savoir-faire ul li {margin: 0; width: 165px;}
#pied_de_page .savoir-faire ul li a {font-weight: normal; color: #c4c4c4; padding: 3px 0; text-decoration: none;}
#pied_de_page .km {float: left; width: 180px; margin-right: 15px;}
#pied_de_page .km a {display: block; float: left; width: 180px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .km ul {margin: 0;padding: 0;list-style-type: none;}
#pied_de_page .km ul li {margin: 0; width: 180px;}
#pied_de_page .km ul li a {font-weight: normal; color: #c4c4c4; padding: 3px 0; text-decoration: none;}
#pied_de_page .expertise {float: left; width: 120px; margin-right: 15px;}
#pied_de_page .expertise a {display: block; float: left; width: 120px; margin-right: 15px; color: #1d70a8; padding-bottom: 4px;border-bottom: 1px solid #c4c4c4; text-decoration: none; font-weight: bold;}
#pied_de_page .expertise ul {margin: 0;padding: 0;list-style-type: none;}
#pied_de_page .expertise ul li {margin: 0; width: 120px;}
#pied_de_page .expertise ul li a {font-weight: normal; color: #c4c4c4; padding: 3px 0; text-decoration: none;}

#copyright {width:100%; height: 30px; padding-top:15px; font-family: helvetica; font-size: 0.6em; color: #c4c4c4; background: url("images/degrade-footer.jpg") repeat-x;}


/* Formulaire de contact */

form {font-family: Verdana; padding:10px; width:840px; height: 320px; margin: 0; margin-top: -20px;}
form p {font-weight: bold;}
textarea {font: 14px Verdana, sans-serif;  width:340px;  height: 50px;  padding: 4px; margin-top: 10px;}
input[type="text"] {left: 200px; position: absolute;}
input[type="submit"], input[type="reset"] {font: 15px Verdana, sans-serif; color: #1d70a8;}

label {color: black;}

legend {color: #fff;font: 16px Verdana, sans-serif; font-weight: bold;}

fieldset {width: 350px; height: 260px; padding: 20px; padding-top: 0;}

#contactdroite {position: absolute; left: 470px; top: 116px;}

#renseignements {width: 350px; height: 650px;font: 14px Verdana, sans-serif;margin-top:-18px;}
#renseignements input[type="text"] {left: 250px; margin-top: -38px;}
#renseignements label {color: black; margin-bottom: 20px; display: block;}
#renseignements_droite {height: 650px;font: 14px Verdana, sans-serif; position: absolute; left: 470px; top: 165px;}
#renseignements_droite  input[type="text"] {margin-top: -40px;}
#renseignements_droite label {color: black; margin-bottom: 20px; display: block;}

#fichecontact {position:relative;width: 100%; height: 450px;font: 14px Verdana, sans-serif;padding:0;margin:auto;}
#fichecontact label {color: black; margin-bottom: 20px; display: block;width:200px;}
#fichecontact input[type="text"] {margin-top: -38px;}
.gauche {width: 43%;height: 400px;font: 14px Verdana, sans-serif; position: absolute; margin-left:10px;margin-top:10px;}
.droite {float:right;width: 43%;height: 400px;font: 14px Verdana, sans-serif; position: absolute; left: 52%; margin-top:4px;margin-top:10px;}
.parcours  {width: 80%;height: 400px;font: 14px Verdana, sans-serif; position: absolute; margin-left:10px;margin-top:10px;}
.parcours input[type="text"] {position:absolute;left: 10px;top:50px;}

#formprq {margin-bottom: 30px;}
#formprq fieldset {padding-top: 30px; margin-left: 20px; position:relative; width: 500px; height: 230px;}
#formprq input {height: 30px; }
#formprq input[type="text"] {left: 170px; margin-top: -5px; position: absolute;font-size: 16px;}
#formprq input[type="submit"] {margin-left:180px;}
#formprq label {font-size: 18px; }

.footer {
    font-size: 11px;
}

#featured{ 
	width:648px; 
	padding-right:250px; 
	position:relative; 
	height:320px; 
	background:#fff;
	margin: auto;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:600px; 
	list-style:none; 
	padding:0; margin:0; margin-top: 6px;
	width:290px;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:555px; height:320px; 
	background:#999; position:relative;
	border: 1px solid grey;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:250px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

#blog-corps {position: relative; width: 858px; min-height: 500px; margin: auto; margin-top: 15px; padding: 20px; color: #000000; border: 1px solid #cdcdcd;}

#blog-center {position: relative; width: 600px; height: auto; padding: 5px 20px 20px 20px; color: #000000;background:#ececec;margin-bottom:20px;}
#blog-center h3 {width:600px;font-size:1.3em;color:#0a609e;text-align:center;}
#blog-center h5 {margin: 14px; margin-left:0px;margin-bottom: 15px; font-size: 0.9em; color: #0a609e; text-align: left; font-family: Verdana;}
#blog-center a {text-decoration:none;color:#0a609e;}
#blog-center a:hover {text-decoration:underline;color:red;}

#blog-sidebar