input, select {border:1px solid #CCCCCC;color:#444444;height:16px}
select  { padding-left:2px;height: 20px;border:1px solid #CCCCCC;color:#444444;}



#baseline {
color:#fff;
font-size:11px;
font-weight:400;
margin:-1px 0 0;
padding:0 0 0 14px;
}

#candidat {
margin-top:21px;
}

#candidat h2 {
background:url(/img/fond_h2_candidat.jpg) top left no-repeat;
color:#18254e;
height:21px;
}

#menu #candidat h2 {
	padding-top: 5px;}
	

#candidat h3 { 
background:url(/img/fond_menu_candidat.jpg) top left no-repeat;
color:#fff;
font-size:12px;
font-weight:400;
height:22px;
margin:0;
padding:1px 0 0;
width:250px;
}

#cb {
margin:0 0 -3px;
padding-right:10px;
}
#chapeau 
{
font-weight:bold;
}
#content {
float:left;
margin-bottom:50px;
margin-top:45px;
position:relative;
width:700px;
z-index:0
}

#fil_info .info_date img,#fil_info_article .offres_date img {
padding-left:7px;
margin-bottom:5px;
}

#fil_info .info_date,#fil_info_article .offres_date {
color:#bbb;
font-size:10px;
padding-right:10px;
vertical-align:top;
width:30px;
}

#fil_info .info_texte,#fil_info_article .offres_poste {
padding-bottom:20px;
vertical-align:top;
}


#fil_info_article .offres_poste{
width:400px;}


#fil_info_article h2.sstitre_article {
background:none;
margin:0;
padding:0 0 5px;
}

#fil_info h2{
background:none;
margin:0;
padding:0;
float:left;
}

#fil_info table {
line-height:16px;
margin-top:20px;
text-align:left;
}

#fil_info th, #fil_info td, #fil_info_article th, #fil_info_article td{
text-align:left;} 

#fil_info th,#fil_info_article th,#rj_recrute th {
font-weight:400;
}

#fil_info.contenu .titre_bloc,#fil_info_article.contenu .titre_bloc {
background:url(/candidat/img/fil_info.gif) 0 1px no-repeat;
}

#fil_info_article #date_article {
color:#999;
margin-top:20px;
padding-bottom:5px;
}

#fil_info_article .offres_ville {
padding-left:0px;
vertical-align:top;
}

#fil_info_article p {
line-height:16px;
}

#fil_info .photo_article {
min-height:90px;
width:auto;
float:left;
}

#fil_info .type_article{
color:#aaa;
display:block;
float:left;
clear:right;
padding-left:5px;
}

#gd_titre {
color:#fff;
font-size:20px;
margin:28px 0 0;
padding:0 0 0 13px;
}

#header_equipe {
background:url(/img/header.gif) no-repeat;
height:130px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding-top:20px;
position:relative;
text-align:left;
width:960px;
}

#header_equipe img{margin-left:5px;}

#header_equipe #logo_rj {margin-bottom:-5px;}


#header {
background:url(/img/ombre.gif) no-repeat 695px 66px ;
height:70px;
margin-left:auto;
margin-right:auto;
padding-top:19px;
position:relative;
text-align:left;
width:960px;
z-index:10
}

#header img { position:relative;top:-4px; }

#header #section {
left:250px;
margin-top:0;
position:absolute;
top:12px;
}

#header #section #emploi,#header #section #formation {
color:#444;
display:block;
font-size:16px;
height:20px;
padding-bottom:3px;
top:42px;
position:absolute;
text-align:center;
width:auto;
font-weight:bold;
}
#header #section #emploi {
border-bottom:5px solid #48569e;
left:10px;}

#header #section #formation {
color:#777;
left:83px;
padding-bottom:0;
border-left:1px solid #8c9ecc;
padding-left:20px;
}

#header #section #formation:hover {
color:#444;
}

#header #section a:hover {
text-decoration:none;
}

#header a {
height:71px;
position:relative;
    margin-left: -8px;
}

#header p {
color:#fff;
font-size:20px;
margin:0;
padding:0 0 0 13px;
}

#headerLiens {position:absolute; top:6px;right:0;z-index:10 ; }
#headerLiens li  {    display:block;float:left;padding:3px 7px 3px 0;position:relative}
#headerLiens li  a {padding-left:7px;margin-left:0}
#headerLiens a {height:auto;}
#headerLiens a.fl { padding-right:20px;display:inline-block; }
#headerLiens li.hoverFond {margin-left: 0px; padding: 3px 1px 5px 0px;}
#headerLiens li.hoverFond:hover #complementary_sites {display:block;background-color:#fff;z-index:10000}
#complementary_sites.lst{left:-505px;top:21px;display:none;position:absolute}
#complementary_sites.lst {right:4px\0;} /*hack ie8*/
#complementary_sites .left {padding:0 15px 15px;width:277px}
#complementary_sites ul, #complementary_sites ul li {display:block;}
#complementary_sites ul li {margin-bottom:6px;   margin-left: -15px;  padding-left: 29px;display:block; float:none; margin:0; padding-top:0; padding-bottom:0;}
#complementary_sites ul.ssMargeBas {margin-bottom:10px;}
#complementary_sites ul.ssMargeBas li {margin-bottom:0;}
li.hoverFond  #complementary_sites a:hover {background-color:transparent }
#complementary_sites {background:url(http://ressources.regionsjob.com/regionsjobv3/img/sprite_fonds.png) repeat-x 0 -819px;height:434px;width:615px; border:0;z-index:10}
.shadow{ -moz-box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.2) ;  -webkit-box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.2) ;  box-shadow:-3px 3px 3px rgba(0, 0, 0, 0.2) ;  filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=225, Strength=4);  zoom: 1; }
#complementary_sites span.flMenu {margin-top:-3px;}
#complementary_sites .rubrique {padding-left:0;padding-bottom:5px;   border-bottom: 1px solid #aaaaaa;}
.flMenu {
    background: url("http://ressources.regionsjob.com/img/sprite_picto.gif") no-repeat scroll 0 -36px transparent;
    display: block;
    float: left;
    height: 18px;
    margin: 0 5px 0 -15px;
    width: 10px;
}
#complementary_sites .flMenu  {margin:0 5px 0 0}
strong, .bold { font-weight: bold;}
.bordL {border-left: 1px solid #444444;}
a.black, a:visited.black { color: #444444;}
a.fl {    background: url("http://ressources.regionsjob.com/img/sprite_picto.png") no-repeat scroll right 5px transparent;    padding-right: 20px;}
li.hoverFond:hover {background-color:#E1E0E0;text-decoration:none;}
div.rubrique, h4.rubrique, h3.rubrique {    border-bottom: 1px solid #DDDDDD;    clear: both;    color: #444444;    font-size: 12px;    line-height: 15px;    margin-bottom: 13px;    margin-top: 25px;    padding-bottom: 12px;    padding-left: 20px;    text-transform: uppercase;}
.left {    float: left;}
.puceCarree {   background: url("http://ressources.regionsjob.com/regionsjobv3/img/pictos.png") no-repeat scroll -2px -94px transparent;   display: inline-block;   height: 5px;   width: 5px;}

#menu {
    float: left;
    margin: -28px 0 0 7px;
    padding: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 250px;
}


#menu #candidat {
background-color:#fff;
margin-top:0;
}

#menu #site_recrute {
padding:10px 0 10px 10px;
}

#menu #site_recrute a {
padding-left:20px;
}

#menu #site_recrute li {
height:17px;
text-align:left;
}

#menu h2 {
font-size:15px;
font-weight:400;
margin:0;
padding:2px 0 0;
}

#page {
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:0;
position:relative;
text-align:left;
width:960px;
}

#pagination {
margin:30px 0 0;
padding:0;
text-align:center;
word-spacing:5px;
}

#recruteur h2 {
background:url(/img/fond_h2_recruteur.jpg) top left no-repeat;
color:#880034;
height:24px;
}

#recruteur h3 {
background:url(/img/fond_menu_recruteur.jpg) top left no-repeat;
color:#fff;
font-size:12px;
font-weight:400;
height:18px;
margin:0;
padding:5px 0 0;
width:250px;
}

#recruteur h3 a,#candidat h3 a {
color:#fff;
}

#rj_recrute .bouton {
margin-left:220px;
}

#rj_recrute .select_file {
margin-bottom:10px;
}

#rj_recrute #video_rj
{width:100%;
text-align:center;}


#rj_recrute span {
display:block;
text-align:center;
}

#rj_recrute td {
padding-right:25px;
}

#rj_recrute.contenu .titre_bloc {
background:url(/candidat/img/rj_recrute.gif) 0 1px no-repeat;
}

#tout_filinfo, #tout_widget {
display:block;
margin:0;
padding-top:0;
position:absolute;
right:14px;
top:21px;
}

#widget .share, #widget .powered {display:none;}

#widget .bloc_widget{
width:320px;
float:left;
margin-bottom:10px;
padding-bottom:0;
height:auto;}

#widget .parametres
{
margin-top:130px;
}
#widget .parametres p, #widget .parametresMeteo p, #widget .parametresGeo p {
padding:5px 0 5px 20px;
margin:0;
float:left;
width:250px;
}
#widget .parametresMeteo
{
margin-top:40px;
}
#widget .parametresGeo
{
margin-top:60px;
}

#widget .logo_rj
{display:block;}

#widget .netvibes  { display:block; float:left; background:url(/candidat/img/widget/netvibes-nb.gif) no-repeat; height:25px; width:63px;}
#widget .netvibes:hover { background:url(/candidat/img/widget/netvibes-coul.gif) no-repeat; height:25px; width:63px;}
#widget .iGoogle  { display:block; float:left; background:url(/candidat/img/widget/igoogle-nb.gif) no-repeat; height:25px; width:50px;}
#widget .iGoogle:hover { background:url(/candidat/img/widget/igoogle-coul.gif) no-repeat; height:25px; width:50px;}    



* {
color:#444;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.bl {
background:url(/img/coin_bas_gche.gif) bottom left no-repeat;
bottom:-1px;
height:8px;
left:-1px;
position:absolute;
width:8px;
z-index:1;
}

.bordure {
border-left:1px solid #ccc;
float:left;
height:auto;
margin:0;
padding-left:10px;
}

.bouton {
    background: url("/img/fondButn.gif") repeat-x scroll left bottom transparent;
    border: 1px solid #CCCCCC;
    color: #444444;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
behavior: url(/js/PIE.htc);
height:25px;
margin:10px 0 10px 0;
padding:2px 0 3px;
text-align:center;
width:230px;
position:relative
}

.br {
background:url(/img/coin_bas_dt.gif) bottom right no-repeat;
bottom:-1px;
height:8px;
position:absolute;
right:-1px;
width:8px;
z-index:1;
}

.cj {
background:url(/img/picto_cj.gif) no-repeat 0 0;
}

.contenu {
background-color:#fff;
border:1px solid #DDD;
float:left;
padding:14px;
position:relative;
width:660px;
z-index:0
}

.contenu .titre_bloc {
height:40px;
left:-1px;
margin:0;
padding:0;
position:absolute;
top:-23px;
width:325px;
}

.contenu h1 {
clear:both;
padding-top:5px;
}

.contenu h2 {
background:url(/img/fond_h2.gif) 0 1px no-repeat;
clear:both;
margin-bottom:15px;
margin-left:-14px;
margin-top:30px;
padding-left:17px;
}

.ej {
background:url(/img/picto_ej.gif) no-repeat 0 0;
}

.espace {
height:20px;
}

.nj {
background:url(/img/picto_nj.gif) no-repeat 0 0;
}

.offres_poste a {
display:block;
}

.oj {
background:url(/img/picto_oj.gif) no-repeat 0 0;
}

.photo {
float:left;
margin:0 1em 1em 0;
width:70px;
}

#fil_info .photo {
margin-top:15px;}

#photo {
float:left;
margin:0 1em 1em 0;
}

.pj {
background:url(/img/picto_pj.gif) no-repeat 0 0;
}

.psj {
background:url(/img/picto_psj.gif) no-repeat 0 0;
}

.raj {
background:url(/img/picto_raj.gif) no-repeat 0 0;
}

.soj {
background:url(/img/picto_soj.gif) no-repeat 0 0;
}

.jt {
background:url(/img/picto_jt.gif) no-repeat 0 0;
}
.tr {
background:url(/img/coin_ht_dt.gif) top right no-repeat;
height:8px;
position:absolute;
right:-1px;
top:-1px;
width:8px;
z-index:1;
}

a {
color:#146195;
text-decoration:none;
}

a strong {
color:#146195;
font-weight:700;
}

a:hover {
text-decoration:underline;
}

a:visited {
color:#7BA6C3;
}

body {
background:url(/img/fond_body.gif) #EEE repeat-x left top;
margin:0;
padding:0;
text-align:center;
}

div,ul {
margin:0;
padding:0;
}

h1 {
background:url(/img/fond_h3.gif) left bottom repeat-x;
clear:both;
color:#002741;
font-size: 12px;
font-weight: bold;
margin:0;
padding:2px 0;
width:100%;
}

h1 a {
font-size:12px;
}

h4 a {
font-size:15px;
font-weight:400;
}

img {
border-width:0;
}

input.select_champ {
    border: 1px solid #CCCCCC;
    color: #444444;
height:16px;
padding:1px 0 0 3px;
}

label {
display:block;
float:left;
margin:-2px 0 0;
padding:5px 10px 0 0;
text-align:right;
width:190px;
}

li {
list-style:none;
margin:0;
padding:0;
}

select.select_champ {
border-color:#ccc;
border-style:solid;
border-width:1px;
position:relative;
}

select.select_champ_long{
border-color:#ccc;
border-style:solid;
border-width:1px;
}

textarea.select_champ {
     border: 1px solid #CCCCCC;
    color: #444444;
float:left;
height:100px;
margin:3px 100px 15px 0;
width:265px;
}

#menu_liens {
background:url(/recruteur/img/fleche_menu_liens.gif) 225px 0 no-repeat;
padding-right:20px;
position:absolute;
right:0;
top:3px;
z-index:50;
}

#menu_liens #menu_sites {
background-color:#fff;
border:1px solid #eee;
display:none;
padding:5px 0 5px 10px;
position:absolute;
right:0;
text-align:left;
top:15px;
width:130px;
z-index:50;
}

#menu_liens li ul li,#menu_liens #sites:hover ul,#menu_liens #sites.sfhover ul {
display:block;
}

#menu_liens li,#regionsjob .bloc_contact_gche .tel,#multidiffusion #sites_nationaux li {
display:inline;
}

#menu_sites li {
height:20px;
padding-left:20px;
}

#menu_sites li a {
color:#146195;
}

#lien_menu_cj:hover {
background:url(/img/picto_cj.gif) no-repeat 0 0;
}

#lien_menu_ej:hover {
background:url(/img/picto_ej.gif) no-repeat 0 0;
}

#lien_menu_nj:hover {
background:url(/img/picto_nj.gif) no-repeat 0 0;
}

#lien_menu_oj:hover {
background:url(/img/picto_oj.gif) no-repeat 0 0;
}

#lien_menu_pj:hover {
background:url(/img/picto_pj.gif) no-repeat 0 0;
}

#lien_menu_psj:hover {
background:url(/img/picto_psj.gif) no-repeat 0 0;
}

#lien_menu_raj:hover {
background:url(/img/picto_raj.gif) no-repeat 0 0;
}

#lien_menu_soj:hover {
background:url(/img/picto_soj.gif) no-repeat 0 0;
}


.bouton_radio {
border:0;
float:left;
height:auto;
margin:3px 0 0 0; 
padding:0;
width:auto;
}

.label_butn_radio {
margin:3px 10px 10px 3px;
padding:0;
width:auto;
text-align:left;
}
.divupd {
background:#fafafa;
border:1px solid #ddd;
display:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width:216px;
}

.divupd a {
display:block;
text-decoration:none;
}

.divupd a:visited {
color:#146195;}

.divupd li,div,ul {
margin:0;
padding:0;
}

.divupd ul {
list-style:none;
margin:0;
padding:5px;
}

.divupd li
{list-style:none;}

.divupd ul hr{height:1px; 
border:1px;
color:#ccc;
background-color:#ccc;
border-color:#ccc;}

.selected {
background:#EFEFEF;
color:#146195;
text-decoration:underline;
}


/* ajout VLY  */
.code {
background-color:#DDDDDD;
margin-bottom:20px;
margin-top:-10px;
}

#widget.contenu .titre_bloc, #widget_parametres.contenu .titre_bloc{
background:url(/candidat/img/widget/widget.gif) 0 1px no-repeat;
}

#widget_parametres #trackHauteur{
width:200px; 
height:5px;
background-color:rgb(233, 231, 233); margin-left:300px; margin-top:-20px;
}

#widget_parametres #hdHauteur{
cursor:move;
width:5px;
height:10px;
background-color:rgb(255, 173, 0);  
}

#widget_parametres #trackNbElts
{
width:200px; height:5px;background-color:rgb(233, 231, 233); margin-left:300px; margin-top:-20px; margin-bottom:15px;
}

#widget_parametres #hdNbElts
{
cursor:move;width:5px; height:10px;background-color:rgb(255, 173, 0);  
}

#widget_parametres #btGenerer
{
margin-left:168px;
margin-top:30px;
}

#widget_parametres h1{margin-bottom:10px;}

#widget_parametres input.select_champ, #widget_parametres select.select_champ, #widget_parametres select.select_champ_long{
margin:3px 0 10px;
}

#widget_parametres select.select_champ
{
	margin-right:70px;
}

#widget_parametres code {background-color:#DDD; margin-bottom:10px; display:block;}

#widget_parametres #bloc_widget {width:380px;}

#msgRj_recrute
{
	color:red;
	font-size:11px;
	height:15px;
	clear:both;
	margin-top:10px;
	text-align:center;
}

#infos_legales h1 {
display:none;
}

#infos_legales.contenu .titre_bloc {
background:url(http://entreprise.regionsjob.com/info/img/infos_legales.gif) 0 0 no-repeat;
}

#cafes.contenu .titre_bloc {
background:url(/candidat/img/cafes.gif) 0 0 no-repeat;
z-index:10;
}


.boite {
padding:30px 15px 15px;
position:absolute;
top:279px;
width:198px;
}

.bouton_suite {
clear:both;
  background: url("/img/fondButn.gif") repeat-x scroll left bottom transparent;
    border: 1px solid #CCCCCC;
    color: #444444;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:relative;
behavior: url(/js/PIE.htc);
display:block;
height:23px;
margin-left:17px;
margin-top:20px;
padding-top:0px;
text-align:center;
width:166px;
position:relative
}

.droite {
background-color:#E2E2E2;
border-color:#DDD;
border-style:solid;
border-width:1px 0;
right:0;
}


.gauche {
background-color:#F5F5F5;
border-color:#DDD;
border-style:solid;
border-width:1px 1px 1px 0;
left:0;
}

.milieu {
background-color:#EEE;
border-color:#DDD;
border-style:solid;
border-width:1px 1px 1px 0;
left:230px;
width:200px;
}

.boite ul li {
background:url(/img/picto_fleche.gif) 6px 2px no-repeat;
padding-bottom:5px;
padding-left:20px;
}

#cafes img{
left:8px;
position:absolute;
top:0px;
}

#cafes h2{
background:url(/img/picto_rj.gif) no-repeat;
clear:both;
margin-left:1px;
margin-bottom:15px;
margin-top:-10px;
}

#cafes {
height:450px;
position:relative;
}

#texte_cafes
{left:20px; position:absolute; top:30px; z-index:10;}

#texte_cafes p {
line-height:18px;
margin-bottom:15px;
margin-top:8px;
}

#cafes #info_emploi, #cafes #outils, #cafes #acces_cafes {height:153px;}




#cafes label{
width:auto;
margin-bottom:5px;
margin-left:17px;}

#cafes select{margin-left:17px;}

.adj strong {
font-size:16px;
}


.redborder 
{
	border-color:red;
	border-style:solid;
	border-width:1px;
}


#video #page_statique{padding-left:0px; margin-left:-15px; text-align:left; z-index:15;}
#video #page_statique div {font-family: Arial, Helvetica, sans-serif; font-size: 13px;color:#444;}
#video #page_statique #film{ width:320px; float:left; height:290px; padding:5px 5px 5px 5px; margin:0px 5px 20px 25px; border:0;}
#video #page_statique #partie_droite {margin-left:5px; padding:5px; margin-top:5px; float:right; width:280px;}
#video #page_statique p {padding:0px; margin:0px;}
#video #page_statique #description{padding-left:5px; margin-bottom:5px;}
#video #page_statique #description p {padding-bottom:2px;}
#video #page_statique #description a {color:#000000; text-decoration: none;}
#video #page_statique #description a:hover {color:#809BC8; text-decoration: underline;}
#video .video{float:left; width:80px; padding:5px; text-align:center;}
#video .video_liste {float:left; width:80px; padding:15px 5px 5px 20px; text-align:center; height:auto;}
#video .video a, .video_liste a{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color:#555555; font-weight:bold; text-decoration:none;}
#video .video a:hover, .video_liste a:hover{ color:#809BC8; font-weight:bold;}
#video .fleche{float:left; width:30px; height:25px; margin-top:35px; padding-left:15px;} 
#video #page_statique .box{background:none; clear:left; width:580px; padding:0px; margin:0px;}
#video #page_statique .contenu_box {background:none; width:580px; text-align:left; height:auto; padding:0px; margin:0px; float:left;}
#video #page_statique .bas_box{background:none; width:580px; height:0px; clear:both; padding:0px; margin:0px;}
#video .entete {float:left; width:100%; margin-top:20px; margin-bottom:15px;}
#video .box .entete {margin-left:0px; padding-left:0px;}
#video .entete span, #video #page_statique .box .entete span {background:url(/img/fond_h2.gif) 0 1px no-repeat;
margin-bottom:15px;
padding-left:17px;
text-transform:uppercase;
color:#444;
font-size:12px;
font-weight:bold;
margin-left:0px;
}


#video #page_statique .titre{background:url(http://video.ouestjob.com/wp-content/themes/simplelabob/images/rj/bullet_star.gif) no-repeat 0px 0px; padding-left:15px; margin-top:5px; font-weight:bold; font-size:15px; color:#000;}

#video #description h2 { padding-left:0px; margin-left:0px;background: none;  font-size: 13px;color:#555555; font-weight:normal;}
#video #page_statique #description h2 a{border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#666;}
#video #page_statique #description h2 a:hover {text-decoration:none; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#0184B6;} 


#video a.fleche_video {
float:left;
padding-top:30px;
width:20px;
}


#video h2 {
float:left;
width:100%;
}

#video h3 {
float:left;
font-size:15px;
margin:0;
padding:0 0 10px;
width:45%;
}

#video li {
float:left;
margin:2px 0;
width:155px;
}

#video li a {
padding-left:16px;
width:90px;
}

#video ul {
float:left;
}

#video.contenu .titre_bloc {
background:url(/candidat/img/video.gif) 0 1px no-repeat;
}

#video_region {
padding:0 10px 10px 15px;
text-align:left;
}

#video_sites li {
height:18px;
}

#video_sites li a {
padding-left:18px;
}

#page404 p{
text-align:center;
margin-top:40px;
margin-bottom:40px;}

#campagnes_web .ban {margin-bottom:42px; margin-left:10px;}
#contact_redaction.contenu .titre_bloc {
background:url(/img/titre_contact_redaction.gif) 0 1px no-repeat;
}

#contact_redaction h2 {margin-top:20px; margin-bottom:0;}
#contact_redaction p {margin-top:2px;margin-left:4px;}

/* cv informaticien */

#bodyspecial {background:none; background-color:#EEEEEE;}
#bodyspecial #page {width:740px;margin-left:auto; margin-right:auto;}
#bodyspecial #bandeau {margin-left:-14px;margin-top:-14px;margin-bottom:14px; background:url(/img/bandeau_informaticiens.jpg) no-repeat; width:690px; height:297px;}
* html #bodyspecial .contenu {padding-right:0px;}
#bodyspecial #bandeau p {margin-top:10px; margin-bottom:10px;}
#bodyspecial #bandeau #accroche {left:30px;margin-top:0;position:absolute;top:50px;width:400px;}
#bodyspecial #bandeau span {font-size:23px;}
#bodyspecial #bandeau .gd {font-size:37px;}
#bodyspecial #bandeau .tgd {font-size:55px;}
#bodyspecial #bandeau .blanc, #bodyspecial #bandeau .orange {display:block;}
#bodyspecial #bandeau .orange {left:49px;position:absolute;top:14px;}
#bodyspecial #bandeau .orange, #bodyspecial #bandeau .orange .gd, #bodyspecial #bandeau .orange .tgd {color:#f5b315;}
#bodyspecial #bandeau .blanc, #bodyspecial #bandeau .blanc .gd {color:#fff;}
#bodyspecial #bandeau a {background:url(/img/fond_butn_informaticiens.gif) no-repeat; display:block; width:209px; height:40px; font-size:16px; color:#08252d; text-align:center; padding-top:8px;top:235px; left:66px; position:absolute;}
#bodyspecial #bandeau #desc {left:72px;position:absolute;top:145px;color:#fff; font-size:16px; width:253px;}
#bodyspecial #bandeau #desc strong {color:#fff;font-size:16px;font-weight:bold;}

/* Ajout STC pour page de presentation iphone */

#iphone.contenu .titre_bloc {background:url(/candidat/img/iphone.gif) 0 0 no-repeat; z-index:10;}
#iphone .adj strong {font-size:30px;color: #888;}
.presentation_iphone {padding:0px 10px 10px; position:absolute; top:290px; width:600px;}
.presentation_iphone ul li {list-style: square inside; color:#444; padding-bottom:5px;}
#iphone img{left:8px; position:absolute; top:0px;}
#iphone {height:750px; position:relative;}
#texte_iphone p {line-height:18px; margin-bottom:15px; margin-top:20px; font-size:14px;}
#texte_iphone {left:20px; position:absolute; top:50px; z-index:10;}

/* page de presentation mobile */

#mobile.contenu .titre_bloc {background:url(/candidat/img/mobile.gif) 0 0 no-repeat; z-index:10;}
#mobile .adj strong {font-size:25px;color: #777;}
#texte_mobile {left:20px; position:absolute; top:50px; z-index:10;    width: 305px;}
#mobile #fd {margin-top:-14px;margin-left:-15px;}
#mobile #picto {float:left;margin-right:15px}
#mobile h2 { background: url("/img/fond_h3.gif") repeat-x scroll left bottom transparent;    clear: both;    color: #444;    font-size: 14px;    font-weight: bold;    margin: 0 0 13px; padding: 2px 0;    width: 100%;}
.presentation_mobile p.fleft {float:left;width:100%;clear:both;}
.presentation_mobile p.fleft strong {display: block;  margin-top: 8px;}
.presentation_mobile {padding:0px 10px 10px;   width: 410px;float:left}
.presentation_mobile ul li {list-style: square inside; color:#444; padding-bottom:5px;}
.presentation_mobile ul {margin-top:5px;float:left;clear:both;width:100%;margin-bottom:10px;}

#acces_applis { padding:10px; width: 190px; float:right;background:url(/candidat/img/fond_gris_mobile.gif) no-repeat;position:relative;}
#acces_applis img {margin-bottom: 10px;  margin-left: 23px;}
#acces_applis p {margin-top:0px;}
#acces_applis hr{height:1px; border:1px;color:#ccc;background-color:#ccc;border-color:#ccc;}
#acces_applis #itunes { color: #146095;    left: 40px;    position: absolute;    top: 93px;    width: 138px;}
#acces_applis #android {   color: #146095;   left: 40px;  position: absolute;   top: 194px;   width: 138px;}
* + html #acces_applis #itunes {top: 98px;   }

#AutFct {width:220px; text-align:left;margin-top:12px;}
#AutFct  h3 {
    background: url("/img/fond_h3.gif") repeat-x scroll left bottom transparent;
    clear: both;
    color: #444444;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
    width: 100%;
}
#AutFct ul {margin-top:5px;}

.ieselect {border:1px solid #dd;}


#fb_etc {float:left;    width: 651px;}
#fb_etc div {height:20px;float:left; margin-right:30px}

#fb_etc div#fb {margin-right:15px;}
#fb_etc div#googlePlusOne {width:74px;margin-right:15px}
* + html #fb_etc div#googlePlusOne  {width:0px;}
#fb_etc div#twitter {width:119px; margin-left: 20px;margin-right:15px}

#fb_etc #envoyer{   background: url("/img/picto_envoyer.gif") no-repeat scroll 0 2px transparent;
    display: block;
    float: right;
    font-size: 11px;
    margin-right: 10px;
    margin-top: 3px;
    padding-left: 18px;}
#fb_etc #imprimer  { display: block;
    float: right;
    font-size: 11px;
    margin-right: 10px;
    margin-top: 3px;
    padding-left: 18px;    background: url("/img/picto_imprimer.gif") no-repeat scroll 0 0 transparent;}

