/* PMP CONCEPT 07/2006 */

/* GENERAL */
body { margin:0 0 0 0; background-color:#FFF; color:#83807F; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px; }

h1,h2,h3,h4,h5,h6,p,form,ul,li,fieldset { margin:0; padding:0; border:none; }
fieldset { border:0; }

a { color:#3D4A51; text-decoration:none; background:none; }
a:hover { color:#4785A3; text-decoration:none; background:none; }

table { width:100%; border:0; }

#page { width:748px; margin:0 auto; background-color:#FFF; }
#titrepage, .invisible { position:absolute; left:-5000px; }
.accessibilite { position:absolute; left:-5000px; }
.droite { padding:10px; }


/* HAUT */
.top { height:100px; background:#FFF url(../_images/fondhaut.png) top repeat-x; margin:0; width:748px; }
.logo a { width:147px; height:48px; background:#FFF url(../_images/logo_siorat2.png) top no-repeat; float:left; margin:33px 0 0 15px; }
.logo a:hover { width:147px; height:48px; background:#FFF url(../_images/logo_siorat2.png) top no-repeat; float:left; }
.logo span { position:absolute; left:-5000px; }

/* MENU */
legend { display:none; }
.menu { float:left; height:57px; width:560px; display:block; margin:10px 0 0 26px; }

.onglet { float:left; width:112px; height:57px; display:block; }
.onglet a { background:#FFF url(../_images/menu_off.png) top left no-repeat; width:102px; height:17px; display:block; padding:40px 0 0 10px; }
.onglet a:hover { background:#FFF url(../_images/menu_on.png) top left no-repeat; width:102px; height:17px; display:block; padding:40px 0 0 10px; }
.onglet_on { float:left; width:112px; height:57px; display:block; }
.onglet_on a { background:#FFF url(../_images/menu_on.png) top left no-repeat; width:102px; height:17px; display:block; padding:40px 0 0 10px; }
.onglet_on a:hover { background:#FFF url(../_images/menu_on.png) top left no-repeat; width:102px; height:17px; display:block; padding:40px 0 0 10px; }

.english { float:left;  width:41px; height:23px; display:block; position:absolute; margin-left:745px; }
.english span { display: none; }
.english a { background:#536974 url(../_images/onglets/english.png) top left no-repeat; width:41px; height:23px; display:block; }
.english a:hover { background:#536974 url(../_images/onglets/english_on.png) top left no-repeat; width:41px; height:23px; display:block; }

.francais { float:left;  width:41px; height:23px; display:block; position:absolute; margin-left:745px; }
.francais span { display: none; }
.francais a { background:#536974 url(../_images/onglets/francais.png) top left no-repeat; width:41px; height:23px; display:block; }
.francais a:hover { background:#536974 url(../_images/onglets/francais_on.png) top left no-repeat; width:41px; height:23px; display:block; }


/* ACCUEIL */
.txt_accueil { float:left; width:477px; padding:10px; }
.txt_accueil img { float:right; }
.txt_accueil h2 { font-size:14px; font-weight:bold; color:#3D4A51; margin:10px 0 10px 0; }
.txt_accueil h2 strong { font-size:16px; font-weight:bold; color:#4785A3; margin:10px 0 10px 0; }
.lien_puce { float:right; background:#FFF url(../_images/puce/puce.png) left no-repeat; padding:0 0 2px 10px; margin:10px 10px 10px 0; }
.lien_puce a { color:#4785A3; }
.lien_puce a:hover { text-decoration:underline; color:#4785A3; }
.separation { clear:both; width:100%; height:1px; background:#FFF url(../_images/separation.png) repeat-x; margin-bottom:10px; }
.lien ul {  }
.lien li { background:#FFF url(../_images/puce/puce.png) left no-repeat; padding:0 0 2px 10px; margin:5px 0 0 10px; list-style:none; line-height:10px; }
.lien a { color:#4785A3; line-height:14px; }
.lien a:hover { text-decoration:underline; color:#4785A3; }

.actu { float:left; width:228px; background:#F4F4F4 url(../_images/titre_actu.png) left top no-repeat; padding:30px 3px 0 20px; }
.date { clear:both; float:left; width:20px; height:16px; background-color:#EDC127; color:#FFFFFF; text-align:center; padding-top:3px;}
.date_suite { float:left; font-size:10px; line-height:10px; margin-left:3px; }
.titreactu { clear:both; float:left; font-size:10px; width:228px; }
.titreactu h2 { font-size:12px; font-style:normal; font-weight:normal; }
.lire_actu a { float:right; width:31px; height:9px; background:#F4F4F4 url(../_images/puce/lire.png) left top no-repeat; margin:5px 5px 5px 0; display:block; }
.lire_actu a:hover { float:right; width:31px; height:9px; background:#F4F4F4 url(../_images/puce/lire.png) left top no-repeat; margin:5px 5px 5px 0; display:block; }
.separation_actu { clear:both; width:100%; height:1px; background:#F4F4F4 url(../_images/separation_actu.png) repeat-x; margin-bottom:15px; }


/* HAUT IMAGE */

.raccourci { width:251px; height:27px; /*background:url(../_images/fond_raccourci.png) top repeat-y;*/ float:right; }
.raccourci_accueil { float:left; list-style:none; margin:6px 0 0 15px; }
.raccourci_accueil a { background:url(../_images/puce/accueil.png) left no-repeat; padding:3px 0 2px 15px; }
.raccourci_accueil a:hover { background:url(../_images/puce/accueil_bleu.png) left no-repeat; padding:3px 0 2px 15px; }
.raccourci_mail { float:left; list-style:none; margin:6px 0 0 15px; }
.raccourci_mail a { background:url(../_images/puce/mail.png) left no-repeat; padding:3px 0 2px 15px; list-style:none; }
.raccourci_mail a:hover { background:url(../_images/puce/mail_bleu.png) left no-repeat; padding:3px 0 2px 15px; list-style:none; }
.raccourci_plansite { float:left; margin:6px 0 0 15px; list-style:none; }
.raccourci_plansite a { background:url(../_images/puce/plan_site.png) left no-repeat; padding:3px 0 2px 15px; }
.raccourci_plansite a:hover { background:url(../_images/puce/plan_site_bleu.png) left no-repeat; padding:3px 0 2px 15px; list-style:none; }

.haut_bloc { width:251px; height:24px; background:url(../_images/fond_sousmenu.png) top repeat-y; margin:185px -251px 0 0; float:right; list-style:none; }
.haut { position:absolute; left:-5000px; }

.haut_identite_fr { float:left; width:748px; height:209px; background:#FFF url(../_images/haut/identite.jpg) top left no-repeat; }
.haut_culture_fr { width:748px; height:209px; background:#FFF url(../_images/haut/culture.jpg) top left no-repeat; }
.haut_securite_fr { width:748px; height:209px; background:#FFF url(../_images/haut/securite.jpg) top left no-repeat; }
.haut_qualite_fr { width:748px; height:209px; background:#FFF url(../_images/haut/qualite.jpg) top left no-repeat; }
.haut_platef_fr { width:748px; height:209px; background:#FFF url(../_images/haut/plateformes_multimodales.jpg) top left no-repeat; }
.haut_departem_fr { width:748px; height:209px; background:#FFF url(../_images/haut/construc_departementales.jpg) top left no-repeat; }
.haut_local_fr { width:748px; height:209px; background:#FFF url(../_images/haut/construc_locales.jpg) top left no-repeat; }
.haut_autoroute_fr { width:748px; height:209px; background:#FFF url(../_images/haut/construc_autoroutes.jpg) top left no-repeat; }
.haut_bureau_etudes_fr { width:748px; height:209px; background:#FFF url(../_images/haut/bureau_etudes.jpg) top left no-repeat; }
.haut_labo_fr { width:748px; height:209px; background:#FFF url(../_images/haut/labo.jpg) top left no-repeat; }
.haut_materiel_fr { width:748px; height:209px; background:#FFF url(../_images/haut/materiel.jpg) top left no-repeat; }
.haut_carrieres_fr { width:748px; height:209px; background:#FFF url(../_images/haut/carrieres.jpg) top left no-repeat; }
.haut_liants_fr { width:748px; height:209px; background:#FFF url(../_images/haut/usines_liants.jpg) top left no-repeat; }
.haut_references_fr { width:748px; height:209px; background:#FFF url(../_images/haut/references.jpg) top left no-repeat; }
.haut_actualites_fr { width:748px; height:209px; background:#FFF url(../_images/haut/actualites.jpg) top left no-repeat; }
.haut_contact_fr { width:748px; height:209px; background:#FFF url(../_images/haut/contact.jpg) top left no-repeat; }
.haut_plansite_fr { width:748px; height:209px; background:#FFF url(../_images/haut/plan_site.jpg) top left no-repeat; }
.haut_metier_fr { width:748px; height:209px; background:#FFF url(../_images/haut/metiers.jpg) top left no-repeat; }
.haut_mention_fr { width:748px; height:209px; }
.haut_identite_en { float:left; width:748px; height:209px; background:#FFF url(../_images/haut/identite_en.jpg) top left no-repeat; }
.haut_culture_en { width:748px; height:209px; background:#FFF url(../_images/haut/culture_en.jpg) top left no-repeat; }
.haut_securite_en { width:748px; height:209px; background:#FFF url(../_images/haut/securite_en.jpg) top left no-repeat; }
.haut_qualite_en { width:748px; height:209px; background:#FFF url(../_images/haut/qualite_en.jpg) top left no-repeat; }
.haut_platef_en { width:748px; height:209px; background:#FFF url(../_images/haut/plateformes_multimodales_en.jpg) top left no-repeat; }
.haut_departem_en { width:748px; height:209px; background:#FFF url(../_images/haut/construc_departementales_en.jpg) top left no-repeat; }
.haut_local_en { width:748px; height:209px; background:#FFF url(../_images/haut/construc_locales_en.jpg) top left no-repeat; }
.haut_autoroute_en { width:748px; height:209px; background:#FFF url(../_images/haut/construc_autoroutes_en.jpg) top left no-repeat; }
.haut_bureau_etudes_en { width:748px; height:209px; background:#FFF url(../_images/haut/bureau_etudes_en.jpg) top left no-repeat; }
.haut_labo_en { width:748px; height:209px; background:#FFF url(../_images/haut/labo_en.jpg) top left no-repeat; }
.haut_materiel_en { width:748px; height:209px; background:#FFF url(../_images/haut/materiel_en.jpg) top left no-repeat; }
.haut_carrieres_en { width:748px; height:209px; background:#FFF url(../_images/haut/carrieres_en.jpg) top left no-repeat; }
.haut_liants_en { width:748px; height:209px; background:#FFF url(../_images/haut/usines_liants_en.jpg) top left no-repeat; }
.haut_references_en { width:748px; height:209px; background:#FFF url(../_images/haut/references_en.jpg) top left no-repeat; }
.haut_actualites_en { width:748px; height:209px; background:#FFF url(../_images/haut/actualites_en.jpg) top left no-repeat; }
.haut_contact_en { width:748px; height:209px; background:#FFF url(../_images/haut/contact_en.jpg) top left no-repeat; }
.haut_plansite_en { width:748px; height:209px; background:#FFF url(../_images/haut/plan_site_en.jpg) top left no-repeat; }
.haut_metier_en { width:748px; height:209px; background:#FFF url(../_images/haut/metiers_en.jpg) top left no-repeat; }
.haut_mention_en { width:748px; height:209px; }

.sousmenu_siorat { float:left; width:251px; background:#F4F4F4 url(../_images/sous_menu/siorat.png) left top no-repeat; line-height:20px; }
.sousmenu_siorat ul { height:95px; }
.sousmenu_metiers  { float:left; width:251px; background:#F4F4F4 url(../_images/sous_menu/metiers.png) left top no-repeat; line-height:20px; }
.sousmenu_metiers ul {  height:110px; }
.sousmenu_moyens  { float:left; width:251px; background:#F4F4F4 url(../_images/sous_menu/moyens.png) left top no-repeat; line-height:20px; }
.sousmenuseparation { float:left; width:100%; height:1px; background:#F4F4F4 url(../_images/separation_actu.png) repeat-x; margin-top:25px; overflow:hidden; }
.sousmenu_off { width:191px; float:right; list-style:none; }
.sousmenu_off a { background:url(../_images/puce/puce.png) left no-repeat; padding:0 0 2px 10px; list-style:none; }
.sousmenu_off a:hover { background:url(../_images/puce/puce_bleu.png) left no-repeat; padding:0 0 2px 10px; list-style:none; }
.sousmenu_on { width:191px; float:right; background:#FFF url(../_images/fond_sousmenu_on.png) left repeat-y; padding:2px 0 2px 10px; list-style:none; }
.sousmenu_contact { float:left; width:251px; background:#F4F4F4 url(../_images/sous_menu/contact.png) left top no-repeat; line-height:20px; }
.sousmenu_contact ul { height:95px; }
.sousmenu_news { position:absolute; top:0; width:251px; background:#F4F4F4 url(../_images/sous_menu/news.png) left top no-repeat; line-height:20px; margin:309px 0 0 497px; }
.blancimg { float:left; width:100%; padding-top:10px; text-align:center; background-color:#FFFFFF; }
.sousmenu_txt { float:left; width:100%; padding-top:10px; text-align:center; }


/* ACTUALITES */

.txt_actu  { padding:10px; text-align:left; }
.txt_actu h2 { font-size:14px; font-weight:bold; color:#3D4A51; margin:10px 0 30px 0; }
.txt_actu h2 strong { font-size:16px; font-weight:bold; color:#4785A3; margin:10px 0 10px 0; }
.txt_actu img { float:right; }
.txt_lireactu  { padding:10px; text-align:left; }
.lire_actu h3 { font-size:14px; background:url(../_images/puce1.png) left no-repeat; width:477px; padding-bottom:10px }
.photo_actu { float:right; width:261px; }
.photo_actu img { margin:10px 0 10px 10px; }

.liste_actu h3 { font-size:13px; background:url(../_images/puce1.png) left no-repeat }
.liste_actu h3 a { font-size:12px; text-decoration:none; color:#595858; }
.liste_actu h3 a:hover { font-size:12px; text-decoration:none; color:#4785A3; }
.liste_actu p.date_actu { font-size:10px; color:#CC9900; }
.liste_actu table { margin-left:10px; }
.hautpage { float:right; margin-top:15px; background:#FFFFFF url(../_images/puce3.png) left no-repeat; padding-left:10px; }
#navigation_actu { text-align:center; margin-top:30px; }
.titre_entete .off { color:#CCCCCC; }
.liste_accueil { text-align:center; }
.liste_accueil h2 { font-size:10px; background:url(../_images/puce1.png) left no-repeat; text-align:left; }
.liste_accueil h2 a { font-size:10px; text-decoration:none; color:#595858; }
.liste_accueil h2 a:hover { font-size:10px; text-decoration:none; color:#4785A3; }
.flluxrss a { width:200px; margin:0 0 0 350px; top:95px; text-align:right; background:url(../_images/rss.png) right no-repeat; padding-right:20px; display:block; }
.boxfluxrss_off { visibility:hidden; }
.boxfluxrss_on { top:110px; margin-left:160px; width:400px; height:325px; background:#ffffff; border:1px solid black; padding:5px; }
.boxfluxrss_on h2 { font-size:12px; margin-bottom:5px; }
.boxfluxrss_on input { width:395px; }


/* OFFRES EMPLOI */
.titre_emploi a { background:#FFF url(../_images/puce/fleche.png) left no-repeat; padding:3px 0 3px 25px; text-decoration:none; }
.titre_emploi a:hover { background:#FFF url(../_images/puce/fleche.png) left no-repeat; padding:3px 0 3px 25px; text-decoration:none; }


/* CONTACT */
.formulaire { width:450px; float:left; }
.forms { float:right; margin-bottom:4px; }
.forms input, .forms textarea { width:290px; }
.forms .box { width:290px; height:60px; }
.forms .boxin { width:290px; }
.forms .check { width:auto; border:none; }
.forms .button_env { clear:both; float:right; width:69px; border:none; height:17px; margin:30px 50px 20px 0; }
.info { padding:4px 0 4px 25px; background:url(../_images/puce4.png) 4px 4px no-repeat; margin-bottom:13px; font-size:12px; }
.reponse { height:200px; }
.erreur { padding:4px 0 4px 25px; background:#FFFFCC url(../_images/puce5.png) 4px 4px no-repeat; margin-bottom:13px; border: 1px solid #CC9900; color:#000000; }
input, textarea, select { border:1px solid #CC9900; font:12px Arial, Helvetica, sans-serif; color: #333333; padding:1px }
.red { color:#A52C5F; }


/* PLAN DU SITE */
.plansite_txt { width:100%; padding:10px; }
.plansite_txt h2 { font-size:14px; font-weight:bold; color:#3D4A51; margin:10px 0 10px 0; }
.plansite_txt h2 strong { font-size:16px; font-weight:normal; color:#4785A3; margin:10px 0 10px 0; }
.plansitegauche { width:400px; float:left; margin-left:10px; }
.plansitedroite { width:300px; float:left; margin:0 0 25px 10px; }

/* MENTIONS LEGALES */
.txt_mention { float:left; width:748px; padding:10px; }
.txt_mention h2 { font-size:14px; font-weight:bold; color:#3D4A51; margin:10px 0 10px 0; }

/*REFERENCES*/
.txt_ref h2 { font-size:14px; font-weight:bold; color:#3D4A51; margin:10px 0 10px 0; }
.txt_ref h2 strong { font-size:16px; font-weight:bold; color:#4785A3; margin:10px 0 10px 0; }

TABLE.reference {
	float: left;
	width:100%;
}
TD.reference {
	vertical-align: middle;
	text-align: center;
	margin: 10px 0 10px 0;
	width: 160px;
	height: 160px;
}

TD.space{

}

TABLE.reference table td A  {
	margin: 0;
	background: none;
	border: 1px solid #fff;
	display: block;
}
TABLE.reference A:hover {
	margin: 0px;
	background: none;
	border: 1px solid #FDD846;
}

.reference img{
	padding:1px;
	border:0px;
}

TABLE#table_reference {
	width: 500px;
	float: left;
}
TD#col1_reference {
	text-align: left;
	width: 200px;
}
TD#col2_reference {
	text-align: center;
	width: 96px;
}
TD#col3_reference {
	text-align: right;
	width: 200px;
}

/*INFOBULLE*/

DIV.infobulle {
	position			: absolute;
	z-index				: 50;
	visibility		: hidden;
	height				: 130px;

}

DIV.infobulle table{
	background-color:#E9E9E9;
	border				: 1px solid #999999;
	margin:5px;
	text-align:left;
	width:200px;
}



TABLE.infobulle
{
	border				: 1px solid #999999;
}

TD.infobulle
{
	background-color	: #E9E9E9;
	border-top			: 1px solid #FAFAFA;
	border-left			: 1px solid #FAFAFA;
	border-bottom		: 1px solid #999999;
	border-right		: 1px solid #999999;
}
A.infobulle
{
	padding				: 2px 0px 2px 20px;
	background			: url(../_images/icon/info.gif) left no-repeat;
	line-height			: 20px;
	color				: #666666;
}
A:hover.infobulle
{
	padding				: 2px 0px 2px 20px;
	background			: url(../_images/icon/info.gif) left no-repeat;
	line-height			: 20px;
	color				: #F5A300;
}

#page_ref {
	float: none;
}

TABLE.page_ref {
	width				: 748px;
	vertical-align		: top;
	text-align			: justify;
	margin-top			: 14px;
	background-repeat	: no-repeat;
	background-position	: bottom right;
	border:1px solid #000000;
}
TD.page_ref {
	width				: 614px;
	background-color	: #FFFFFF;
	padding				: 15px 20px 5px 30px;
}
/* BAS */
#bas { clear:both; height:20px; width:738px; display:block; background-color:#83807F; padding:5px 0 0 10px; }
#bas ul { float:left; }
#bas li { list-style:none; float:left; color:#FFF; }
#bas li a { font-size:10px; padding-right:2px; margin:0 3px 0 3px; color:#FFF; }
#bas li a:hover { color:#4785A3; background-color:#FFF; }

.mentions { width:748px; clear:both; padding-top:4px; }

.copyright { float:left; font-size:10px; color:#83807F;  }
.copyright a { text-decoration:none; color:#83807F; }
.copyright a:hover { text-decoration:none; color:#83807F;}

.pmpconcept { float:right; width:68px; height:30px; }
.pmpconcept a { float:right; width:68px; height:30px; background:#EDEDED url(../_images/logopmp.png) no-repeat 0 0; }
.pmpconcept a:hover { float:right; width:68px; height:30px; background:#EDEDED url(../_images/logopmp.png) no-repeat 0 0; }