/* CSS Document */

/* Reset ............................................................................................... */
body, p, ul, li, ol, h1, h2, h3, h4, table, tr, td {margin:0; padding:0;}
a img {border:0;}


/* Tag styling ......................................................................................... */
html {background-color:#fff;}
body {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:12px; color:#474747;}
a {color:#00abdd; text-decoration:underline;}
	a:hover {color:#000;}

sup, sub {height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative;}
	sup {bottom:1ex;}
	sub {top:.5ex;}

.h1_style, .h1_style_margin {font-family:Tahoma, Verdana, Geneva; font-size:16px; text-transform:uppercase; color:#12508d; font-weight:normal; margin-bottom:13px;}
	.h1_style span {color:#00abdd; font-weight:bold;}
	.h1_style_margin {margin-top:32px;}

h2 {font-family:"Arial Black", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#12508d; text-transform:uppercase; margin-bottom:13px; padding-top:13px;}
	h2.first_child {padding-top:0;}

h3 {font-size:12px; font-weight:bold; color:#000; line-height:18px;}


/* Div du frame des pages ............................................................................... */
#id_wrapper {}
.class_wrapper {width:1002px; margin:0 auto;}


/* Top ................................................................................................. */
.top {}
	.logo_banniere {}
	.top_ombre {background:url(../images/site_top_ombre.jpg) no-repeat 0 0; height:25px;}


/* Changer de langue ................................................................................. */
.change_langue {position:relative; top:50px; left:910px; width:60px; line-height:12px;}
	.change_langue a {color:#999; text-decoration:none;}
	.change_langue a:hover {color:#000;}


/* Menu ................................................................................................. */
.menu {background:url(../images/site_top_menu.jpg) no-repeat 0 0; height:29px;}
.menu ul {list-style:none; padding-left:213px;}
.menu ul li {float:left;}
.menu ul li a {background-image:url(../images/site_top_menu.jpg); background-repeat:no-repeat; height:29px; text-indent:-99999px; display:block; outline:none;}
.menu ul li a:hover {background-image:url(../images/site_top_menu_on.jpg);}
	li.menu_accueil a {width:105px; background-position:-213px 0;}
	li.menu_apropos a {width:83px; background-position:-318px 0;}
	li.menu_formations a {width:90px; background-position:-401px 0;}
	li.menu_demoreel a {width:301px; background-position:-491px 0;}
	li.menu_emplois a {width:83px; background-position:-792px 0;}
	li.menu_contact a {width:83px; background-position:-875px 0;}
	#id_wrapper li.selected a {background-image:url(../images/site_top_menu_on.jpg);}
	
	.menu_en ul li a {background-image:url(../images/site_top_menu_en.jpg);}
	.menu_en ul li a:hover {background-image:url(../images/site_top_menu_on_en.jpg);}
	#id_wrapper .menu_en li.selected a {background-image:url(../images/site_top_menu_on_en.jpg);}


/* Pages ................................................................................................. */
.contenu p {font-size:12px; line-height:18px; margin-bottom:13px;}
.contenu li {line-height:18px;}
.col_normal, .col_normal_with_width {background:url(../images/site_bg_h1.jpg) no-repeat 0 0; padding:50px 20px 20px 50px;}
	.col_normal_with_width {width:550px; padding-right:0;}
.col_right {float:right; background:#eef0f0 url(../images/site_bg_colright.gif) repeat-y 0 0; padding:25px 25px 25px 46px; margin:0 20px; width:290px; clear:both; display:inline; _margin-right:-3px;}


/* Icone RSS dans la colonne de nouvelles .................................................................. */
.col_right_rss {border:1px solid #d5d5d5; padding:6px 8px 3px 5px; overflow:hidden; float:right;}
	.col_right_rss a {text-decoration:none; color:#777; background:url(../images/icone_rss.png) no-repeat 0 0; display:block; height:20px; overflow:hidden; line-height:18px; padding-left:30px; float:left;}
	.col_right_rss a:hover {color:#000; background-position:0 -20px;}


/* Listes ................................................................................................. */
.contenu ul {margin-bottom:13px; list-style:none;}
.contenu li {background:url(../images/li_fleche.gif) no-repeat 0 7px; padding-left:12px;}
.contenu ul.padding_between_li li {padding-bottom:13px;}


/* Vidéo ................................................................................................ */
.col_video {float:right; margin:24px 20px 20px 30px; width:589px; height:392px;}
.border_video {border:3px solid #000;}
.sous_video {text-align:center; color:#777; font-weight:bold;}
#video_alternative {padding:3px;}
#video_alternative a {position:relative; top:147px; left:241px;}


/* Nouvelles ............................................................................................ */
#id_wrapper .news_date {font-weight:bold; color:#ababab; margin-bottom:0;}
.logos_border img {border:1px solid #d4d4d4;}


/* Services (page accueil) ............................................................................... */
.services_box {width:263px; float:left; margin-top:20px;}
.services_box h2 {font-family:Tahoma, Verdana, Geneva; font-size:16px; text-transform:uppercase; color:#12508d; font-weight:normal; margin-bottom:13px; border-bottom:1px solid #d5d8df;}
.services_box h2 span {color:#00abdd; font-weight:bold;}
.services_box img {border:3px solid #c6c6c6;}
.services_box_first {margin-right:24px;}


/* Formations ...................................................................................... */
#id_wrapper .col_left_name {color:#ababab; font-style:italic;}

.groupe_formation {border-left:5px solid #00abdd; padding-left:10px; padding-top:10px; padding-bottom:1px; margin-bottom:10px;}
	.groupe_formation h2 {margin-top:0;}
	.groupe_formation h2 a {background:url(../images/fleche_bas.gif) no-repeat 99% 5px; display:block;}
	.groupe_formation h2 a:hover {background-image:url(../images/fleche_bas_on.gif);}
	.groupe_formation h2 span {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777; text-transform:none; display:block;}

.formation_box {border-top:2px solid #12508d; background-color:#eef0f0; padding:15px 15px 1px 15px; margin-bottom:5px;}
	.formation_box .image {float:left;}
	.formation_box .image img {border:1px solid #12508d;}
	.formation_box .image .without_border {border:0;}
	.formation_box .formation_box_contenu {padding-left:183px;}
	.formation_box .formation_box_contenu h3 {margin-bottom:13px;}


/* Logos box ..................................................................................... */
.logo_box {float:left; text-align:center; border:1px solid #eee; height:120px; width:221px; margin:0 10px 10px 0; background-color:#fff;}
.logo_box_smaller {float:left; text-align:center; border:1px solid #eee; height:80px; width:221px; margin:0 10px 10px 0; background-color:#fff;}
.logo_box_smaller_2 {float:left; text-align:center; border:1px solid #eee; height:50px; width:140px; margin:0 10px 10px 0; background-color:#fff;}


/* Article box ..................................................................................... */
.article_box {float:left; text-align:center; border:1px solid #ccc; width:130px; height:140px; margin:0 10px 10px 0;}
	.article_box p {margin:10px 0; margin-top:9px; line-height:13px;}


/* Footer .............................................................................................. */
.footer {/*height:130px;*/ margin-top:30px;}
	.footer_copyright {background:url(../images/site_bg_footer2.jpg) no-repeat 0 0; text-align:center; height:97px; line-height:97px;}
	.footer_links {color:#66686b; padding-top:5px; padding-left:47px; width:570px; float:left;}
	.footer_links ul {list-style:none; width:550px; display:block; height:15px; padding-bottom:10px;}
	.footer_links li {float:left; padding-right:8px; border-right:1px solid #a3a4a8; margin-right:8px;}
	.footer_links li.last-child {border:0;}
	.footer_logos {width:340px; float:left; text-align:right; padding-top:5px; padding-bottom:12px;}
	.footer_logos a {margin-left:12px; margin-top:8px; line-height:30px;}


/* Form ............................................................................................... */
.form_style {}
	.form_style label {float:left; padding-right:10px; text-align:right; width:195px; margin-top:2px; font-weight:bold;}
	.form_style label .label_note {font-size:10px; color:#999; line-height:11px;}
	.form_style p {margin-bottom:0; clear:left;}
	.form_style .form_input {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:12px; color:#000; background:#fff url(../images/form_input_bg.jpg) repeat-x 0 0; border:1px solid #777; padding:4px 6px; width:210px; margin-bottom:4px;}
	.form_style .form_select {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:12px; color:#000; background:#fff url(../images/form_input_bg.jpg) repeat-x 0 0; border:1px solid #777; padding:4px 6px; width:224px; margin-bottom:4px;}
	.form_style .form_textarea{font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:12px; color:#000; background:#fff url(../images/form_input_bg.jpg) repeat-x 0 0; border:1px solid #777; padding:4px 6px; width:210px; margin-bottom:4px;}
	.form_style .form_button {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; background-color:#00abdd; border:2px solid #c6c6c6; padding:3px 25px; margin-right:20px; width:auto; overflow:visible;}
	
		.form_style .form_input:focus {border-color:#00abdd;}
		.form_style .form_select:focus {border-color:#00abdd;}
		.form_style .form_textarea:focus {border-color:#00abdd;}
		.form_style .form_button:hover {color:#000; background-color:#fff; cursor:pointer;}
		
		.form_style .form_input_half {width:105px;}
		.form_style .form_input_quart {width:55px;}
		.form_style .form_input_mini {width:25px;}
		
.form_style2 {}
	.form_style2 label {width:85px;}
	.form_style2 .form_input {width:140px;}

.form_style3 {}
	.form_style3 label {width:140px;}

.form_style4 {}
	.form_style4 label {width:250px;}
	.form_style4 .padding_left {padding-left:260px; padding-bottom:13px; padding-top:13px;}


/* Liens style bouton ....................................................................................... */
.a_button {font-weight:bold; color:#fff; background-color:#00abdd; border:2px solid #c6c6c6; padding:3px 14px; text-decoration:none;}
.a_button:hover {background-color:#000; color:#fff;}


/* Message d'erreurs et de réussite ........................................................................ */
.msg_erreur {color:#951212; border-top:3px solid #730c0c; padding-top:5px; padding-bottom:15px;}
	.msg_erreur p {margin-bottom:0;}
.msg_reussite {color:#12941a; border-top:3px solid #0b7312; padding-top:5px; padding-bottom:15px;}
	.msg_reussite p {margin-bottom:0;}


/* Classes autres ....................................................................................... */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.text_lighter {color:#ababab;}
.border_image {border:1px solid #12508d;}
.liens_pdf li {background:url(../images/icon_pdf.png) no-repeat 0 4px; line-height:22px; display:block; padding:4px 0 4px 28px;}
.note_bas {margin-top:26px; color:#ababab;}