/**
 *
 * PROJET : EuroMC - Votre partenaire technique en CEM
 *
 * Intégration xhtml/css : Kevin Magne
 *
 * @copyright Copyright (c) 2009, Agence Soon - http://www.agence-soon.fr
 * @Author kevin.magne@agence-soon.fr
 *
**/

	html { overflow:auto; }
	body { background:#FFF url(../images/gradients/body.gif) left top repeat-x; color:#636363; font-size:12px;  font-family: Arial, Helvetica, sans-serif; }
	* { margin:0; padding:0; border:none; outline:none; text-decoration:none; list-style-type:none; resize:none; }
	
	.f_left { float:left; }
	.f_right { float:right; }
	.clear { clear:both; width:100%; height:1px; line-height:0px; }
	.valign { vertical-align:middle; }
	.nomargin { margin:0; }
	
/*
 * TYPOGRAPHIE
 * Propriétés de l'ensemble des textes présents sur le site
*/

	a { color:#636363; }

	h1 { color:#00378b; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; }
	h2 { color:#1ea20a; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:22px; font-weight:600; border-bottom:1px solid #1ea20a; margin-bottom:15px; }
	h3 { color:#00378b; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
	h4, h4 a { color:#0552aa; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-bottom:5px; }
	h4 a:hover { color:#007fcd; }
	h5 {  }
	h6 {  }
	
		p { 
	  margin: 0.8em 0; /* Marges plus faibles que par défaut. (7) */ 
	}
	
	address { font-style:normal; }
	
	#selection_langue a { color:#00378b; font-size:10px; }
	#selection_langue a:hover { color:#007fcd; }
	.search_navbar input[type=text] { color:#727174; font-size:12px; }
	.fil_ariane, .fil_ariane a { color:#0552aa; font-size:12px; }
	.fil_ariane a.active, .fil_ariane a:hover { color:#007fcd; }
	.title_h1_white h1,.title_h1_white2 h1, .title_h1_white h1 a,.title_h1_white2 h1 a { color:#FFF; }
	.description_derniere_actualite { color:#808080; font-size:11px; }
	.visuel_derniere_actualite .legende a { color:#2b436e; font-weight:bold; }
	.info_actu, .info_actu a { color:#2b436e; font-size:11px; }
	.info_actu strong { font-size:12px; font-weight:bold; }
	.liste_coordonnees li, .liste_coordonnees li a { color:#666666; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; }
	.liste_coordonnees li a:hover { color:#8a8a8a; }
	.liste_catalogue_produits li a { color:#666666; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; }
	.liste_catalogue_produits li a:hover { color:#8a8a8a; }
	.footer, .footer a, .footer2, .footer2 a { color:#FFF; font-size:11px; }
	.footer a:hover, .footer2 a:hover { text-decoration:underline; }
	.partners_content h1 { float:left; margin-right:27px; padding-top:7px; }
	.title_actualite a { color:#2b436e; font-size:12px; font-weight:bold; }
	.title_actualite a:hover { color:#007fcd; }
	.date_actualite { color:#2b436e; font-size:11px; font-weight:normal; }
	.liste_dernieres_actualites { color:#808080; font-size:11px; }
	.date { color:#0552aa; font-size:12px; font-weight:bold; }
	.lire_suite a { color:#007fcd; font-size:12px; text-decoration:underline; }
	.lire_suite_min a { color:#007fcd; font-size:11px; text-decoration:underline; }
	.lire_suite a:hover, .lire_suite_min a:hover { color:#43b0f2; }
	.pages_select li, .pages_select li a { color:#8b8b8b; font-size:11px; }
	.pages_select li.active a { color:#0552aa; font-size:14px; }
	.nb_pages { color:#8b8b8b; font-size:10px; }
	.liste_produits li .legende a { float:left; color:#FFF; font-size:12px; font-weight:bold; width:200px; height:22px; }
	.name_form { display:block; color:#58585a; font-size:12px; margin-bottom:6px; }
	.list_coordonnees li strong { color:#2b436e; font-size:15px; font-weight:bold; }
	.list_coordonnees li .name_coordonnees { color:#2b436e; font-size:11px; font-weight:bold; }
	.list_coordonnees li .infos, .list_coordonnees li .infos a { color:#58585a; font-size:12px; }
	.list_coordonnees li .infos a:hover { color:#7e7e7e; }
	input[type=text], textarea { color:#787878; font-size:11px; }
	
	.description_derniere_actualite br { margin-bottom:-6px; }
	
/*
 * STRUCTURE DU SITE
 * Structure générale du site
*/

	.global { width:960px; margin:0 auto; }
	
	/* Header */
	.header { width:960px; height:126px; }
	.logo { float:left; width:365px; height:126px; }
	.visuel_header { float:right; position:relative; background:url(../images/misc/visuel-header.jpg) left top no-repeat; width:595px; height:126px; }
	
	/* Navbar */
	.navbar { width:960px; height:46px; }
	.menu_navbar { float:left; width:704px; height:46px; }
	.search_navbar { position:relative; float:right; width:200px; height:30px; padding:16px 0 0 56px; }
	.search_navbar input[type=text] { background:url(../images/misc/input-search.gif) left top no-repeat; width:181px; height:17px; padding:1px 3px 0 3px; }
	.search_navbar img { position:absolute; top:7px; right:5px; }
	
	/* Footer */
	.footer { border-bottom:9px solid #002661; background:#00378b; width:100%; height:38px; }
	.footer2 { border-bottom:9px solid #002661; background:#00378b; width:100%; height:38px; }
	.footer_content { width:960px; height:25px; margin:0 auto; padding-top:13px; }
	.partners { background:url(../images/gradients/partners.gif) left top repeat-x; width:100%; height:42px; padding-top:10px; }
	.partners_content { width:960px; height:52px; margin:0 auto; }
	.partners_content img { margin-right:19px; }
	
/*
 * STRUCTURE INTERNE DU SITE
 * Structure des différentes pages / modules du site
*/

	.main { width:938px; padding:21px 11px 22px 11px; }
	
	/* Page > Accueil */
	.flash_intro { float:left; width:619px; height:298px; }
	.home_right_content { float:right; width:302px; }
	.home_bottom { border-top:1px solid #a5b8d6; background:#f2f5f9; width:100%; padding-bottom:40px; }
	.home_bottom_content { width:938px; margin:0 auto; padding:19px 11px 0 11px; }
	.remontees_actualites { float:left; background:url(../images/gradients/home-remontees-actualites.gif) left top no-repeat; width:611px; padding:10px 0 0 11px; }
	.liste_home_dernieres_actualites { margin-top:3px; }
	.liste_home_dernieres_actualites li { float:left; width:189px; margin-right:12px; }
	.visuel_derniere_actualite { position:relative; background:#FFF; border:1px solid #b0c1db; padding:5px; width:180px; }
	.visuel_derniere_actualite .legende a { position:absolute; bottom:5px; background:url(../images/gradients/opacity-white.png) left top; width:179px; height:20px; text-align:center; padding-top:5px; }
	.description_derniere_actualite { padding:6px 7px; }
	.contactez_nous { float:right; background:url(../images/gradients/home-contactez-nous.gif) left top no-repeat; width:287px; height:225px; padding:10px 0 0 11px; }
	.liste_coordonnees { width:260px; height:156px; margin:10px 0 0 8px; }
	.liste_coordonnees li { border-bottom:1px solid #d9dbdc; height:49px; }
	.liste_coordonnees li img { float:left; padding-right:10px; }
	.info_actu { display:block; margin-bottom:10px; }
	
	/* Page > Interne */
	.interne_left { float:left; width:302px; }	
	.interne_right { float:right; width:630px; }
	.fil_ariane { width:100%; margin-bottom:15px; }
	
	/* Page > Liste des actualités */
	.actualites { margin-bottom:40px; }
	.liste_complete_actualites li { border-bottom:1px solid #dae5f2; padding:10px 0; line-height:20px; }
	
	/* Page > Détail d'une actualité */
	.detail_actualite { line-height:22px; }
	
	/* Page > Réalisations */
	.realisations { margin-bottom:40px; }
	.reference_pays { border-bottom:1px solid #90c7e9; width:100%; margin-top:15px; text-align:right; color:#2290d4; font-size:15px; font-weight:bold; }
	
	/* Page > Médiathèque */
	.mediatheque { width:100%; height:600px; }
	
	/* Page > Produits */
	.liste_produits { border-bottom:1px solid #dae5f2; width:100%; height:170px; margin-bottom:20px; }
	.liste_produits li { float:left; position:relative; width:200px; height:150px; margin-right:15px; }
	.liste_produits li .legende { position:absolute; bottom:0; background:url(../images/gradients/opacity-blue.png) left top; width:200px; height:30px; text-align:center; padding-top:4px; }
	
	/* Page > Détail d'un produit */
	.produit { line-height:22px; margin-bottom:40px; }
	
	/* Page > Partenaires */
	.partenaires { line-height:22px; }
	
	/* Page > Contact */
	.contact { margin-bottom:40px; }
	.demande_renseignements { float:left; position:relative; width:268px; }
	.form_demande_renseignements { margin-top:10px; }
	.form_demande_renseignements li { position:relative; margin-bottom:12px; }
	.form_demande_renseignements input[type=text] { position:relative; background:url(../images/misc/input.gif) left top no-repeat; width:262px; height:16px; padding:3px 3px 0 3px; }
	.form_demande_renseignements textarea { background:url(../images/misc/textarea.gif) left bottom no-repeat; width:262px; height:201px; resize:none; overflow:auto; padding:3px 3px; }
	.button_envoyer, .button_envoyer a { float:left; background:url(../images/buttons/envoyer.gif) left top no-repeat; width:268px; height:24px; }
	.button_envoyer a:hover { background:url(../images/buttons/envoyer.gif) left bottom no-repeat; width:268px; height:24px; }
	.coordonnees { float:right; width:330px; }
	.list_coordonnees li { clear:both; border-bottom:1px solid #dae5f2; padding:5px 0; }
	.list_coordonnees li .name_coordonnees { display:block; float:left; width:109px; }
	.list_coordonnees li .infos { display:block; float:right; width:210px; text-align:left; }
	.google_map { width:330px; height:330px; margin-top:19px; }
	
	/* Module > Sélection de la langue */
	#selection_langue { position:absolute; top:0px; right:-15px; width:100px; height:50px; }
	#langue_courante { background:url(../images/gradients/langue-courante.png) left top repeat-y; width:69px; height:17px; padding:2px 0 0 5px; }
	#langue { background:url(../images/gradients/langue.png) left top no-repeat; width:69px; height:17px; padding:2px 0 0 5px; }
	
	/* Module > Catalogue produits */
	.catalogue_produits { position:relative; border:1px solid #bfcde2; width:282px; padding:9px 9px; }
	.catalogue_produits .tl { position:absolute; top:-1px; left:-1px; background:url(../images/corners/border-violet/tl.gif) left top no-repeat; width:6px; height:6px; }
	.catalogue_produits .tr { position:absolute; top:-1px; right:-1px; background:url(../images/corners/border-violet/tr.gif) right top no-repeat; width:6px; height:6px; }
	.catalogue_produits .bl { position:absolute; bottom:-1px; left:-1px; background:url(../images/corners/border-violet/bl.gif) left bottom no-repeat; width:6px; height:6px; }
	.catalogue_produits .br { position:absolute; bottom:-1px; right:-1px; background:url(../images/corners/border-violet/br.gif) right bottom no-repeat; width:6px; height:6px; }
	.liste_catalogue_produits { width:263px; margin:0 auto; }
	.liste_catalogue_produits li { position:relative; border-bottom:1px solid #c9d5e6; height:26px; padding:7px 0 0 15px; }
	.liste_catalogue_produits li img { padding-right:20px; }
	.liste_catalogue_produits li img{ position:absolute; top:10px; left:0px; }
	
	.catalogue_produits2 { position:relative; border:1px solid #bfcde2; width:262px; padding:9px 9px; }
	.catalogue_produits2 .tl { position:absolute; top:-1px; left:-1px; background:url(../images/corners/border-violet/tl.gif) left top no-repeat; width:6px; height:6px; }
	.catalogue_produits2 .tr { position:absolute; top:-1px; right:-1px; background:url(../images/corners/border-violet/tr.gif) right top no-repeat; width:6px; height:6px; }
	.catalogue_produits2 .bl { position:absolute; bottom:-1px; left:-1px; background:url(../images/corners/border-violet/bl.gif) left bottom no-repeat; width:6px; height:6px; }
	.catalogue_produits2 .br { position:absolute; bottom:-1px; right:-1px; background:url(../images/corners/border-violet/br.gif) right bottom no-repeat; width:6px; height:6px; }
	
	/* Module > Dernières actualités */
	.dernieres_actualites { position:relative; border:1px solid #bfcde2; width:264px; margin-top:18px; padding:9px 9px; }
	.dernieres_actualites .tl { position:absolute; top:-1px; left:-1px; background:url(../images/corners/border-violet/tl.gif) left top no-repeat; width:6px; height:6px; }
	.dernieres_actualites .tr { position:absolute; top:-1px; right:-1px; background:url(../images/corners/border-violet/tr.gif) right top no-repeat; width:6px; height:6px; }
	.dernieres_actualites .bl { position:absolute; bottom:-1px; left:-1px; background:url(../images/corners/border-violet/bl.gif) left bottom no-repeat; width:6px; height:6px; }
	.dernieres_actualites .br { position:absolute; bottom:-1px; right:-1px; background:url(../images/corners/border-violet/br.gif) right bottom no-repeat; width:6px; height:6px; }
	.liste_dernieres_actualites { width:100%; margin-top:5px; }
	.liste_dernieres_actualites li { border-bottom:1px solid #c9d5e6; width:100%; padding:10px 0; }
	.title_date { display:block; margin-bottom:5px; }
	
	/* Module > Pagination */
	.pagination { width:100%; height:25px; margin-top:5px; }
	.pages { float:right; width:130px; height:21px; padding-top:4px; }
	.pages_select li { float:left; background:#FFF; border:1px solid #CCC; width:14px; height:14px; margin-right:3px; text-align:center; }
	.pages_select li.active { border:none; }
	.nb_pages { float:right; width:50px; height:25px; text-align:center; }
	

	/* Liste avec flèche bleue */
	.liste_blue { margin-top:15px; }
	.liste_blue li { border-bottom:1px solid #dae5f2; width:100%; padding:15px 0 8px 0; }
	.liste_blue .liste_blue_fleche { margin-top:-5px; }
	.liste_blue .liste_blue_fleche li { float:left; background:url(../images/icons/fleche-bleue-min.gif) left 18px no-repeat; border:none; width:305px; padding-left:10px; color:#58585a; margin-top:-5px; }
	.liste_blue .liste_blue_fleche .sous_liste_blue_fleche { margin-left:25px; }
	.liste_blue .liste_blue_fleche .sous_liste_blue_fleche li { float:left; background:url(../images/icons/fleche-bleue-min.gif) left 18px no-repeat; border:none; width:105px; padding-left:10px; color:#58585a; margin-top:-5px; }

	.liste_blue2 { margin-top:-15px; }
	.liste_blue2 li { width:100%; padding:15px 0 8px 0; }
	.liste_blue2 .liste_blue_fleche { margin-top:-5px; }
	.liste_blue2 .liste_blue_fleche li { float:left; background:url(../images/icons/fleche-bleue-min.gif) left 22px no-repeat; border:none; width:305px; padding-left:10px; color:#58585a; margin-bottom:-15px; }
	
	/*.produit ul { border-bottom:1px solid #dae5f2; margin-top:10px; padding-bottom:10px; }
	.produit ul li { width:100%; padding:15px 0 8px 0;  clear:both; background:url(../images/icons/fleche-bleue-min.gif) left 22px no-repeat; border:none; padding-left:10px; color:#58585a; margin-bottom:-15px; }*/
	.produit h4 { margin-top:15px; }
	.produit ul { margin-top:-10px; border-bottom:1px solid #dae5f2; }
	.produit ul li { clear:both; background:url(../images/icons/fleche-bleue-min.gif) left 15px no-repeat; border:none; width:100%; padding:8px 0 8px 10px; color:#58585a; }
	.produit ul li a { color:#58585a; }
	.produit ul li a:hover { color:#7d7d7d; }
	
	.sitemap h4 { margin-top:15px; }
	.sitemap ul { margin-top:-10px; border-bottom:1px solid #dae5f2; margin-bottom:10px; }
	.sitemap ul li { clear:both; background:url(../images/icons/fleche-bleue-min.gif) left 11px no-repeat; border:none; width:100%; padding:8px 0 8px 10px; color:#58585a; }
	.sitemap ul li a { color:#58585a; }
	.sitemap ul li a:hover { color:#7d7d7d; }
	
	/*.liste_blue3 { border-bottom:1px solid #dae5f2; margin-top:10px; padding-bottom:10px; }
	.liste_blue3 li { width:100%; padding:15px 0 8px 0; }
	.liste_blue3 .liste_blue_fleche { margin-top:-10px; }
	.liste_blue3 .liste_blue_fleche li { clear:both; background:url(../images/icons/fleche-bleue-min.gif) left 22px no-repeat; border:none; padding-left:10px; color:#58585a; margin-bottom:-15px; }
	.liste_blue3 .liste_blue_fleche li a { color:#58585a; }
	.liste_blue3 .liste_blue_fleche li a:hover { color:#7d7d7d; }*/
	
/*
 * DIVERS
 * Diverses propriétés
*/

	.title_h1_white { background:url(../images/gradients/title-h1-white.gif) left top no-repeat; width:272px; height:30px; padding:8px 0 0 10px; }
	.title_h1_white2 { background:url(../images/gradients/title-h1-white2.gif) left top no-repeat; width:272px; height:30px; padding:8px 0 0 10px; }
	
	.lire_suite { float:right; margin-top:20px; }
	.lire_suite_min { float:right; background:url(../images/icons/lire-suite.gif) right 50% no-repeat; margin-top:5px; padding-right:10px; }
	
	.img_presentation { float:left; border:1px solid #c1c1c2; background:#FFF; margin-right:18px; padding:3px 3px; }
	.img_actu { float:left; border:1px solid #c1c1c2; background:#FFF; margin-right:18px; padding:2px 2px; }
	
	/* Lavalamp */
	.lavaLamp { position:relative; width:100%; height:31px; padding:0 15px 15px 0; margin:10px 0; overflow:hidden; }
	.lavaLamp li { float:left; list-style:none; }
	.lavaLamp li.back { position:absolute; z-index:8;background:url(../images/icons/fleche-navbar.gif) 50% 29px no-repeat; width:9px; height:46px; }
	.lavaLamp li a { position:relative; z-index:50; top:7px; display:block; float:left; color:#ffffff; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; text-align:center; height:46px; overflow:hidden; margin:auto 10px; }
	.lavaLamp li a:hover { color:#d4ecfe; }
	
/*
 * CORRECTIONS IE7
 * Propriétés CSS destinés uniquement à IE7
*/

	*+html .lire_suite { margin-top:0px; margin-bottom:-3px; }
	*+html .button_envoyer { float:none; }
	*+html .button_envoyer a { float:left; }
	
	.envoyer{
	width: 267px;
	height: 24px;
	}
	
/* Messages d'erreurs et de succes */
	.form_valid { border:1px solid #88bf67; padding:5px; color:#88bf67; font-size:12px; text-align:center; margin-bottom:10px; }
	.form_erreur { border:1px solid #e2001a; padding:5px; color:#e2001a; font-size:12px; text-align:center; margin-bottom:10px; }