/* --------------------------------------------------------------------------------
 *
 *  FRONT-OFFICE
 *  Stylesheet
 *  Version : $Id$
 *
 -------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------
*
*  HTML
*
-------------------------------------------------------------------------------- */

html
{
	/*height:100%;*/
}



/* --------------------------------------------------------------------------------
*
*  BODY
*
-------------------------------------------------------------------------------- */

body
{
	background:url(../images/interface/fond.jpg) #e9e9e9 center top fixed;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#1c1c1c;
	padding:0;
	margin:0;
}


.js-submitting
{
	color:#666;
	margin:10px 0 0 0;
	height:15px;
	line-height:15px;
	font-style:italic;
}


/* --------------------------------------------------------------------------------
*
*  GLOBAL STYLE
*
-------------------------------------------------------------------------------- */

a img
{
	border:0;
}
.clear
{
	clear:both;
	line-height:0pt;
	font-size:0pt;
	height:0px;
	overflow:hidden;
}
p.info
{
	font-size:10pt;
	color:#fff;
	margin:20px 20px 20px 25px;
}
.required
{
	color:#c2462c;
}
.image
{
	/*border:solid 2px #666;*/
}
.center
{
	text-align:center;
}

/* --------------------------------------------------------------------------------
*
*  DEVELOPPER / DEBUG STYLE
*
-------------------------------------------------------------------------------- */

.hidden								{ display:none; visibility:hidden; }
.dev-red							{ background-color:red; }
.dev-gold							{ background-color:gold; }
.dev-purple							{ background-color:purple; }
.dev-green							{ background-color:green; }
.dev-navy							{ background-color:navy; }
.dev-111							{ background-color:#111; }
.dev-222							{ background-color:#222; }
.dev-333							{ background-color:#333; }
.dev-444							{ background-color:#444; }
.dev-555							{ background-color:#555; }
.dev-666							{ background-color:#666; }
.dev-777							{ background-color:#777; }
.dev-888							{ background-color:#888; }
.dev-999							{ background-color:#999; }
.dev-000							{ background-color:#000; }
.dev-aaa							{ background-color:#aaa; }
.dev-bbb							{ background-color:#bbb; }
.dev-ccc							{ background-color:#ccc; }
.dev-ddd							{ background-color:#ddd; }
.dev-eee							{ background-color:#eee; }
.dev-fff							{ background-color:#fff; }

/* -- Opacité  ------------------------------------------------------------- */
.dev-o75							{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }


/* --------------------------------------------------------------------------------
*
*  PAGE
*
-------------------------------------------------------------------------------- */

#page
{
	position:absolute;
	left:50%;
	width:990px;
	margin-left:-490px; /*-495px*/
}
.page-zone
{

}
.main-zone
{

}


/* --------------------------------------------------------------------------------
*
*  HEADER
*
-------------------------------------------------------------------------------- */

#ctn-header
{
	position:relative;
	background:url(../images/interface/fond-header.png);
	height:167px;
}

#link-home
{
	display:inline-block;
	width:242px;
	height:167px;
	margin-left:10px;
}

#top-select
{
	position:absolute;
	z-index:20;
	top:20px;
	left:300px;
	width:335px;
	height:59px;
}
#fleche-metier
{
	float:left;
	width:42px;
	height:59px;
}
#ctn-select-activite
{
	float:right;
	width:293px;
	height:59px;
}

#ctn-select-activite>li
{
	position:relative;
	display:inline-block;
	height:54px;
	padding:0;
	margin:0;
}
#ctn-select-activite .img-select-missions
{
	position:absolute;
	z-index:20;
	width:293px;
	height:59px;
}
#ctn-select-activite>li>a
{
	display:inline-block;
	height:54px;
}
#ctn-select-activite li ul.site-ss-nav
{
	margin-top:46px;
	background:#b8b8b8;
	position:absolute;
	z-index:9;
	min-width:280px;
	padding:5px 0 0 0;
}
#ctn-select-activite li ul.site-ss-nav li
{
	display:block;
	height:auto;
	width:280px;
	margin:0;
	clear:both;
}
#ctn-select-activite li ul.site-ss-nav li.last
{
	border-bottom:0px;
}

/* Liens : Site Navigation - sous-menu  ------------------------------------ */
#ctn-select-activite li ul.site-ss-nav li a
{
	font-size:9pt;
	color:#023c7c;
	display:block;
	margin:0;
	padding:5px 5px 5px 15px;
	height:auto;
	text-decoration:none;
	background:url(../images/interface/puce-metiers.png) 4px 5px no-repeat;
}
#ctn-select-activite li ul.site-ss-nav li a:link
{

}
#ctn-select-activite li ul.site-ss-nav li a:visited
{

}
#ctn-select-activite li ul.site-ss-nav li a.active,
#ctn-select-activite li ul.site-ss-nav li a:hover
{
	background-color:#9e9e9e;
	background-position:4px -15px;
	text-decoration:none;
	color:#fff;
}

#link-bonnes-solutions
{
    display:block;
    position:absolute;
    top:10px;
    left:685px;
    width:103px;
    height:93px;
}

#link-agiragri
{
	display:block;
	position:absolute;
	top:10px;
	left:835px;
	width:134px;
	height:75px;
}

#bloc-pub-home {
    display:none;
    position:absolute;
    z-index:10;
    width:492px;
    height:211px;
    top:275px;
    left:50%;
    margin:0 0 0 -246px;
}

#bloc-pub-home a[rel="js-close"] {
    position:absolute;
    top:10px;
    right:10px;
    background:none;
    display:block;
    width:120px;
    height:25px;
}


/* --------------------------------------------------------------------------------
*
*  NAVIGATION PIED DE CONTENU
*
-------------------------------------------------------------------------------- */

#nav-under-content
{
	line-height:19px;
	height:19px;
	margin:20px 0 -10px -10px;
}
#nav-under-content > .nav-left
{
	width:210px;
	height:19px;
	float:left;
	text-align:left;
	padding-left:10px;
	background:url(../images/interface/nav-fond.png);
	text-transform:uppercase;
}
#nav-under-content > .nav-right
{
	width:210px;
	height:19px;
	float:right;
	text-align:right;
	padding-right:10px;
	background:url(../images/interface/nav-fond.png);
	text-transform:uppercase;
}
#nav-under-content a
{
	display:inline-block;
	height:19px;
	line-height:19px;
	color:#fff;
	text-decoration:none;
}
#nav-under-content > .nav-left > a
{
	background:url(../images/interface/nav-fleche-prev.png) top left no-repeat;
	padding-left:20px;
}
#nav-under-content > .nav-right > a
{
	background:url(../images/interface/nav-fleche-next.png) top right no-repeat;
	padding-right:20px;
}
#nav-under-content a:hover
{
	text-decoration:underline;
}

/* --------------------------------------------------------------------------------
*
*  NAVIGATION
*
-------------------------------------------------------------------------------- */

#ctn-navigation
{
	position:absolute;
	bottom:0;
	right:0;
	width:734px;
	height:54px;
}

#ctn-navigation>li
{
	position:relative;
	display:inline-block;
	height:54px;
	padding:0;
	margin:0;
}
#ctn-navigation>li>a
{
	display:inline-block;
	height:54px;
}
#ctn-navigation li ul.site-ss-nav
{
	margin-top:-3px;
	background:#e3e3e3;
	position:absolute;
	z-index:200;
	min-width:200px;
	padding:0;
}
#ctn-navigation li ul.site-ss-nav li
{
	display:block;
	height:auto;
	margin:0;
	clear:both;
}
#ctn-navigation li ul.site-ss-nav li.last
{
	border-bottom:0px;
}

/* Liens : Site Navigation - sous-menu  ------------------------------------ */
#ctn-navigation li ul.site-ss-nav li a
{
	font-size:9pt;
	color:#a1814e;
	display:block;
	margin:0;
	padding:5px 5px 5px 15px;
	height:auto;
	width:auto;
	text-decoration:none;
	background:url(../images/interface/puce-navigation.png) 4px 5px no-repeat;
}
#ctn-navigation li ul.site-ss-nav li a:link
{

}
#ctn-navigation li ul.site-ss-nav li a:visited
{

}
#ctn-navigation li ul.site-ss-nav li a.active,
#ctn-navigation li ul.site-ss-nav li a:hover
{
	background-color:#9e9e9e;
	background-position:4px -15px;
	text-decoration:none;
	color:#fff;
}

#ctn-navigation li.li-special-telechargements ul.site-ss-nav
{
	min-width:155px;
	max-width:155px;
	width:155px;
}


/* --------------------------------------------------------------------------------
*
*  SUB-NAVIGATION
*
-------------------------------------------------------------------------------- */
/*
#ctn-sub-navigation
{
	text-align:center;
	font-size:10pt;
	height:20px;
	line-height:20px;
	border-bottom:1px solid #624D46;
	margin:-7px -12px 0 -12px;
}
#ctn-sub-navigation li
{
	display:inline;
	padding:0;
	margin:0;
}
*/

/* --------------------------------------------------------------------------------
*
*  CONTENT
*
-------------------------------------------------------------------------------- */

#ctn-content
{
	/*min-height:650px;*/
}
.ctn-content-home
{
	background:url(../images/interface/fond-main-index.png);
	position:relative;
}
.ctn-content-default
{
	position:relative;
	width:960px;
	padding:10px 10px 120px 20px;
	background-image:url(../images/interface/fond-main.png);
}

.content-bottom-left
{
	position:absolute;
	bottom:0;
	left:10px;
	width:225px;
	height:230px;
	background:url(../images/interface/index-left-image.jpg) bottom left no-repeat;
}


/* --------------------------------------------------------------------------------
*
*  ACCUEIL
*
-------------------------------------------------------------------------------- */

.presentation
{
	font-size:13px;
	text-align:justify;
	padding:5px;
}

.presentation > p
{
	margin-top:0;
}

.content-right
{
	width:729px;
	float:left;
	padding-bottom:120px;
}
.content-right-texte
{
	width:484px;
	float:left;
}
.content-right-texte-home
{
	width:479px;
	margin:0 0 0 5px;
}
.content-right-illustration
{
	width:244px;
	float:left;
}
#cube-home
{
	width:230px;
	height:173px;
	margin:0 auto;
}
.content-right-footer
{
	position:absolute;
	bottom:0;
	height:98px;
	background:url(../images/interface/fond-main-index-footer.png) repeat-x;
}
.content-main-footer
{
	position:absolute;
	bottom:0;
	left :10px;
	width:971px;
	height:98px;
	background:url(../images/interface/fond-main-footer.png) repeat-x;
}

.content-left
{
	width:243px;
	float:left;
	margin-left:10px;
	padding-bottom:230px;
}
.home-actu
{
	padding:5px 5px 20px 5px;
	margin:0 5px;
}
.home-actu > span
{
	display:block;
	color:#9a9a9a;
	font-size:10px;
}
.home-actu > h2
{
	color:#000;
	margin:0;
	font-size:12px;
	font-weight:bold;
}
.home-actu > p
{
	margin:0;
	font-size:11px;
	text-align:justify;
}
.home-actu > div
{
	text-align:right;
}
.home-actu > div > a
{
	font-size:11px;
	font-weight:bold;
	color:#003b79;
	text-decoration:underline;
}
.home-actu > div > a:hover
{
	color:#be9c5e;
}



/* --------------------------------------------------------------------------------
*
*  IMPLANTATIONS - FICHE
*
-------------------------------------------------------------------------------- */
.ctn-content-texte-half
{
	width:485px;
	min-height:500px;
	float:left;
	margin:0 10px 0 0;
}
.ctn-content-image-half
{
	width:450px;
	min-height:500px;
	float:left;
	text-align:center;
}

/* --------------------------------------------------------------------------------
*
*  BONNES SOLUTIONS - LISTES
*
-------------------------------------------------------------------------------- */
.ctn-content-solutions
{

}

.solution-item
{
    margin:0 10px 0 0;
    min-height:175px;
    background:url(../images/interface/fond-actus-bs.png?20130404) no-repeat bottom right;
}

.solution-item > h2
{
    color:#000;
    margin:0;
    font-size:12px;
    font-weight:bold;
}
.solution-item > .texte
{
    margin:0;
    font-size:11px;
    text-align:justify;
}

.solution-item > .texte p:last-child
{
    margin-bottom:0;
    padding-bottom:10px;
}

.solution-separateur
{
    clear:both;
    width:950px;
    height:10px;
    background:url(../images/interface/separateur-top.png) repeat-x;
}

/* --------------------------------------------------------------------------------
*
*  ACTUALITES - LISTES / FICHE
*
-------------------------------------------------------------------------------- */
.ctn-content-actualites
{
	/*min-height:500px;*/
}
.ctn-content-texte-left
{
	width:700px;
	/*min-height:500px;*/
	float:left;
	margin:0 10px 0 0;
}
.ctn-content-image-right
{
	width:250px;
	/*min-height:500px;*/
	float:left;
	text-align:center;
}

.actualite-item
{
	margin:0 10px 0 0;
	min-height:113px;
}
.actualite-item > .photo
{
	float:left;
	width:165px;
	text-align:center;
	margin:0 10px 0 0;
}
.actualite-item > .photo a
{

}
.actualite-item > .photo img
{
	/*border:2px solid #666;*/
}

.vue-actualite > .date,
.actualite-item > span
{
	display:block;
	color:#9a9a9a;
	font-size:10px;
}
.actualite-item > h2
{
	color:#000;
	margin:0;
	font-size:12px;
	font-weight:bold;
}
.actualite-item > p
{
	margin:0;
	font-size:11px;
	text-align:justify;
}

.actualite-item > div
{
	text-align:right;
}
.actualite-item > div > a
{
	font-size:11px;
	font-weight:bold;
	color:#003b79;
	text-decoration:underline;
}
.actualite-item > div > a:hover
{
	color:#be9c5e;
}

.separateur
{
	clear:both;
	width:950px;
	height:10px;
	background:url(../images/interface/separateur.png) repeat-x;
}




.chemin
{
	color:#003b79;
	text-transform:uppercase;
	height:25px;
	background:url(../images/interface/titre-cube.png) no-repeat;
	padding:5px 0 0 30px;
}
.chemin > a
{
	color:#003b79;
	text-decoration:underline;
}
.chemin > a:hover
{
	color:#be9c5e;
}
.chemin > h1
{
	font-size: 12px;
	display:inline-block;
	font-weight:bold;
	margin:0;
	padding:0;
}

.vue-actualite
{
	padding:5px 0 0 10px;
	text-align:justify;
}
.vue-actualite > .texte
{
	margin-top:-10px;
	margin-right:10px;
}



/*
.actualite-texte
{
	text-align:justify;
	padding:10px;
}

.actualite-texte ul
{
	list-style-type:disc;
	padding:0 0 0 25px;
}

.actualite-texte a
{
	color:#928f70;
}

.actualite-texte a:hover
{
	color:#75735b;
}
*/


/* --------------------------------------------------------------------------------
*
*  OUTILS : liste
*
-------------------------------------------------------------------------------- */

.outil-item
{
	margin:0 10px 0 0;
	min-height:113px;
}

.outil-item > h2
{
	color:#003b79;
	margin:0;
	font-size:12px;
}
.outil-item > p
{
	margin:0;
	font-size:11px;
	text-align:justify;
}
.outil-item > .outil-code
{
	margin:20px 0 5px 0;
}

.outil-item > .date
{
	color:#9a9a9a;
	font-size:10px;
}



/* --------------------------------------------------------------------------------
*
*  TELECHARGEMENTS : liste
*
-------------------------------------------------------------------------------- */

.telechargement-item
{
	margin:0 10px 0 0;
	min-height:63px;
}

.telechargement-item > h2
{
	color:#003b79;
	margin:0;
	font-size:12px;
}
.telechargement-item > p
{
	margin:0;
	font-size:11px;
	text-align:justify;
}

.telechargement-item > .date
{
	color:#9a9a9a;
	font-size:10px;
}

.telechargement-item a
{
	font-size:11px;
	font-weight:bold;
	color:#003b79;
	text-decoration:underline;
}
.telechargement-item a:hover
{
	color:#be9c5e;
}



/* --------------------------------------------------------------------------------
*
*  RECRUTEMENT -> ANNONCES : liste
*
-------------------------------------------------------------------------------- */

.recrutement-item
{
	margin:0 10px 0 0;
	min-height:103px;
}

.recrutement-item > h2
{
	color:#000;
	margin:0;
	font-size:12px;
}
.recrutement-item > p
{
	margin:0;
	font-size:11px;
	text-align:justify;
}

.recrutement-item > .date
{
	color:#9a9a9a;
	font-size:10px;
}

.recrutement-item > div
{
	text-align:right;
}
.recrutement-item > div > a
{
	font-size:11px;
	font-weight:bold;
	color:#003b79;
	text-decoration:underline;
}
.recrutement-item > div > a:hover
{
	color:#be9c5e;
}



/* --------------------------------------------------------------------------------
*
*  LIENS UTILES
*
-------------------------------------------------------------------------------- */

.liens-utiles-item
{
	width:475px;
	min-height:200px;
	float:left;
}
.liens-utiles-item > .logo
{
	float:left;
	width:150px;
	height:113px;
}
.liens-utiles-item > .infos
{
	float:left;
	width:315px;
	/*height:113px;*/
	padding:5px;
}
.liens-utiles-item > .desc
{
	clear:both;
	height:87px;
	padding:10px;
	vertical-align:top;
	text-align:justify;
}
.liens-utiles-item > .desc > p
{
	margin-top:0;
}
.liens-utiles-item > .infos > h2
{
	font-size: 12px;
	margin-bottom:0;
	text-transform:uppercase;
	font-weight:bold;
}

/* --------------------------------------------------------------------------------
*
*  PAGINATION
*
-------------------------------------------------------------------------------- */

div.paginationSpacer
{
	height:30px;
	margin:5px 0;
}
ul.pagination
{
	font-size:8pt;
	height:16px;
	line-height:16px;
	margin:0px 0;
	padding:0;
	list-style-type:none;
	text-align:center;
	color:#000;
	width:100%;
}
ul.pagination li
{
	width:20px;
	display:inline-block;
	text-align:center;
}
ul.pagination li a
{
	background:#003b79;
	color:#fff;
	border:1px solid #fff;
	display:block;
	text-align:center;
	width:16px;
	height:16px;
	line-height:16px;
	text-decoration:none;
}
ul.pagination li a[href]:hover
{
	background:#be9c5e;
	color:#fff;
}
ul.pagination li.paginationItemActif
{

}
ul.pagination li.paginationItemActif
{
	background:#be9c5e;
	color:#fff;
	border:1px solid #fff;
	display:ineline-block;
	text-align:center;
	width:16px;
	height:16px;
	line-height:16px;
	margin:0 2px 0 0;
	font-weight:bolder;
	text-decoration:none;
}
ul.pagination li.paginationStart
{

}
ul.pagination li.paginationEnd
{

}
ul.pagination li.noPuce
{
	margin:0;
}
ul.pagination li a.pagination
{
	font-size:8pt;
	display:block;
	text-align:center;
	width:16px;
	height:16px;
	line-height:16px;
}
ul.pagination li.movePrevious,
	ul.pagination li.moveFirst,
	ul.pagination li.moveNext,
	ul.pagination li.moveLast
{
	width:20px;
	margin:0;
}
ul.pagination li.movePrevious a,
	ul.pagination li.moveFirst a,
	ul.pagination li.moveNext a,
	ul.pagination li.moveLast a
{

}
span.paginationInfos
{
	float:right;
	color:#fff;
	font-size:9pt;
	font-style:italic;
	border:1px solid #7f7f7f;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:2px 4px;
	background:#484848;
}


/* --------------------------------------------------------------------------------
*
*  Form Fields
*
-------------------------------------------------------------------------------- */

.form-agence
{
	width:314px;
	margin:5px 0 5px 20px;
	text-align:left;
}

.form-contact
{
	width:314px;
	margin:5px auto 20px;
	text-align:left;
}

form label
{
	display:none;
}
form label.inline-visible
{
	display:inline-block;
}
form label.block-visible
{
	display:block;
}

form div
{
	margin:2px 0;
}
form div.btn
{
	text-align:right;
}

form select,
form input[type='text'],
form textarea
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border:1px solid #aaa;
	width:300px;
	padding:4px;
}
form input[type='file']
{
	border:1px solid #aaa;
	width:300px;
}
form select
{
	width:310px;
}
form input[type='text']
{
	height:22px;
}



/* --------------------------------------------------------------------------------
*
*  Titres : h1, h2, h3, ..., hn
*
-------------------------------------------------------------------------------- */

h1.titre
{
	font-size: 12px;
	color:#003b79;
	text-transform:uppercase;
	min-height:25px;
	background:url(../images/interface/titre-cube.png) no-repeat;
	padding:5px 0 0 30px;
	margin:0;
}



/* --------------------------------------------------------------------------------
*
*  Liste
*
-------------------------------------------------------------------------------- */

ul
{
	margin:0;
	padding:0;
	list-style:inside;
	list-style-type:square;
}


/* --------------------------------------------------------------------------------
*
*  LINKS
*
-------------------------------------------------------------------------------- */

a
{
	color:#003b79;
	text-decoration:underline;
}
a:link
{

}
a:visited
{

}
a.men-on,
a:hover
{
	color:#be9c5e;
}


/* --------------------------------------------------------------------------------
*
*  FOOTER
*
-------------------------------------------------------------------------------- */

#ctn-footer
{
	position:relative;
	height:40px;
	background:url(../images/interface/fond-footer.png);
}

#link-os
{
	position:absolute;
	top:0;
	left:10px;
	display:block;
	width:49px;
	height:40px;
	background:url(../images/logo/logo-OS-footer.png) transparent 0 0 no-repeat;
	text-decoration:none;
}
/* on décale l'image de fond de la hauteur du lien, soit 31 px */
#link-os:hover, #link-os:active, #link-os:focus{
	background-position:0 -40px;
}
/* permet de cacher le texte du lien */
#link-os span{
	display:inline-block;
	text-indent: -5000px;
}

#ctn-navigation-footer
{
	color:#000;
	text-align:right;
	height:20px;
	padding-top:10px;
	margin-right:10px;
	height:54px;
}

#ctn-navigation-footer>li
{
	display:inline-block;
	height:20px;
	padding:0;
	margin:0;
}
#ctn-navigation-footer>li>a
{
	color:#000;
}
#ctn-navigation-footer>li>a:hover
{
	color:#be9c5e;
}

/* --------------------------------------------------------------------------------
*
*  BLOCKS
*
-------------------------------------------------------------------------------- */

.entMessageTop							 { margin:4px 0 10px 0; }
.entMessageDefault						 { background:#FFECA5; border:1px solid #FCCD51; }
.entMessageConfirmation					 { padding:4px 4px 4px 25px; background:url(../images/interface/accept.png) #c5ffb2 5px 5px no-repeat; color: #1e731a; border:1px solid #1e731a; }
.entMessageError						 { padding:4px 4px 4px 25px; background:url(../images/interface/exclamation.png) #ffd5cc 5px 5px no-repeat; color: #c2462c; border:1px solid #c2462c; }
.entMessageWarning						 { padding:4px 4px 4px 25px; background:url(../images/interface/error.png) #fff1cc 5px 5px no-repeat; color: #c16803; border:1px solid #c16803; }
.entMessageInformation					 { padding:4px 4px 4px 25px; background:url(../images/interface/information.png) #cce7ff 5px 5px no-repeat; color: #344f88; border:1px solid #344f88; }