@import url(http://fonts.googleapis.com/css?family=Lato);

body {
	text-align: justify; /* To Make Content Centered */
/*	background:transparent url(img/fond_griscea_body.png) repeat-x 0 0;*/
/*	background:transparent url(img/bg3.jpg) repeat-x 0 0;*/
font-family: 'Lato', Tahoma, Geneva, sans-serif;
	font-size:13px;/*   0.9em   */	
	color: #4e4e4e;
	/*font: 12px Verdana, Helvetica,Arial,  sans-serif;*/
	margin: 0px 0 0 0px;
	padding: 0;
	border: 0px solid blue;
        line-height: 17px; 
}
p,div {text-align:justify;}
img {border: none;}

[class*="span"] {
	border:0px solid #000;
}


a:link {
    color:#216085;
    text-decoration:none;
}

a:visited {
    color:#216085;
    text-decoration:none;
}

a:hover {
    color: #216085;
    text-decoration:underline;
}
a:active {
	font-size:100%;
    color:#216085;
    text-decoration:none;
}

.image-left {
	float: left;
	margin: 3px 3px 3px 0;
	padding: 3px 3px 3px 0;
	position: relative;
	z-index: 5;
}

.image-right {
	float: right;
	margin: 3px 0 3px 3px;
	padding: 3px 0 3px 3px;
	position: relative;
	z-index: 5;
}
.plus{
	font-size:7pt;
	color:#B70E0C;
	text-align:left;
	background:transparent url(img/oblicArrowGeneral.png) 0px 5px no-repeat;	
	padding:0 0 0 16px;
	margin:7px 0 0 0;
}
.plus a{
	color:#B70E0C;
}

.bandeau { 
	width:100%;
	/*height: 80px;*/
	border: 0px solid #000;
	margin:0 0 10px 0;
	padding:10px 0 0 0px ;
	overflow:hidden;
	/*background:transparent url(img/cross-pattern.png) repeat 0 0;*/
}
.bandeau a {}
.bandeau a:hover {text-decoration:none;}

@media (min-width:768px) {
        .bandeau_img {
                width:400px
        }
}
@media (min-width:992px) {
        .bandeau_img {
                width:600px
        }
}
@media (min-width:1200px) {
        .bandeau_img {
                width:800px
        }
}


.left_rub_title{
	color:#424146;
	font-weight:bold;
	font-size:10pt;
	border-bottom:3px solid #B70E0C;
	margin: 0 0 5px 0;
	padding:2px 0;
}
.left_rub_title a{ color:#424146;}
.left_rub_title a:hover{ color:#424146;text-decoration:none;}

.right_rub_title{
	color:#474747;
	font-weight:bold;
	font-size:9pt;
	border-bottom:2px solid #B4B4B4;
	margin: 0 0 5px 0;
	padding:0px 0 1px 0;
	
}
.right_rub_title a{ color:#424146;}
.right_rub_title a:hover{ color:#424146;text-decoration:none;}

.gros_titre_rouge{
	padding:6px 6px 6px 20px;
	margin:0 0 1px 0;
	width:92%;
	background:#B70E0C url(img/puceSubMenuFleche.png) 5px 11px no-repeat;
	color:#fff;
	border-radius:5px 0 0 0;
}
.gros_titre_rouge a{	color:#fff;}
.gros_titre_rouge a:hover{text-decoration:none;color:#eee;}


#footer {
	margin: 45px auto 0 auto; 
	padding:10px 0 0 0;
	text-align: center;
	background: none;
	border-top:1px solid #eee;
	font-size:0.8em;
	color:#C0C0C0;
}

#footer p {
	padding: 5px;
}

#footer a  {
	color:#C0C0C0;
}

#footer a:hover {
	color:#ADADAD;
	background: transparent;
}
#footer a:active {
	color:#ADADAD;
	background: transparent;
}
.liens_pied_page{
	margin:0;
	line-height:5px;
	
}
.titre_liens_pied_page{

	font-weight:bold;
background:#eeeeee;
padding:2px;
line-height:5px;
}
h1 {
        display: block;
        font-weight: bold;
        font-size: 17pt;
        margin-left: auto;
        margin-right: auto;
	text-align: center;
	padding:0;
	margin: 0px 0 30px 0;
	padding:0px 0 0 0;
}

h2 {
        border-bottom: 1px solid #336699;
        font-weight: bold;
        font-size: 15pt;
        padding:0;
        margin: 20px 0 25px 0;
        padding:0px 0 0 0;
}

h3{
        display: block;
        border-bottom: 0px solid #124A57;
        background: none;
        padding-left: 0px;
        margin-left: 2px;
        font-size: 12pt;
        font-weight: bold;
        color:#0099FF;
}

h4{
        display: block;
        margin:20px 0 11px 1px;
        padding:0;
        font-weight: bold;
        font-size: 11pt;
}

h5{
        display: block;
        text-decoration: underline;
        font-weight: bold;
        font-size: 10pt;
        margin: 10px 0 15px 1px;
        padding:0;
        padding:0px 0 0 0;
}

h6 {
        text-align:right;
        display: block;
        border-bottom: 0px solid #124A57;        
	background: none;
        padding-left: 0px;
        margin-left: 0px;
        font-size: 8pt;
        font-style : italic;
        font-weight: normal;
}

h7 {
        display: block;
        border-bottom: 0px solid #124A57;
        background: none;
        padding-left: 0px;
        margin-left: 0px;
        font-size: 9pt;
        font-weight: bold;

        color:#124a57;
        color:#0099FF; 
}

h8{
        display: block;
        border-bottom: 0px solid #124A57;
        background: none;
        padding-left: 0px;
        margin-left: 4px;
        font-size: 10pt;
        font-weight: bold;
        color:#0099FF;
}

h9 {
        text-align:right;
        display: block;
        border-bottom: 0px solid #124A57;
        background: none;
        margin: 0 0 0 0;
        font-size: 8pt;
        font-style : italic;
        font-weight: normal;
}

.carousel-caption h3 {color:white;background:#333;opacity:0.8;font-size:90%;}
.carousel-caption h3 a {color:white;}

h4{}

.alert{
	background-color: #C2DD71;
	border:1px solid #C2DD71;
	margin-bottom:7px;
	font-size:130%;
}

.alert a {

	color:white;
}

.alert-info{

background-color: slate blue;

}


.focus_activite1{

	background:transparent url(/Images/Theme3.jpg) no-repeat 0 0;
	height:270px;
}

.focus_activite2{

        background:transparent url(/Images/Theme5.jpg) no-repeat 0 0;
	height:270px;
}
.focus_activite3{

        background:transparent url(/Images/Theme1.jpg) no-repeat 0 0;
	height:270px;
}
.focus_titre{

	color:white;
	font-size:150%;
	font-weight:bold;
	margin:0;
	padding:0;
}

table {

}

th { 
	text-align:center;
	padding:0px;
	margin:0;
	color:#124A57;
	font-size:11px;
	font-weight:bold;
}
table tr td {vertical-align:top;}

.pull-left img{
	box-shadow: 1px 4px 5px #b6b6b6;
}

/*===============================================
Affichage des News
/Config/Templates/CnewsBox.php
==================================================*/
 
.news  {/* tableau general d'une news */
   border:0px solid;
   margin:0;
   padding:0;
}

.news1  {/* fond du Titre de la news */
   background:#fdfdfd;
   padding:3px 5px 3px 9px;
   margin:0px 0 1px 0;
}
.news11 {
	padding:0;  margin:0;
}
.news2  { /* auteur + date de la news */
	background:#fdfdfd;
   
}
.news3   {  /* theme de la news */
	background:#fdfdfd;
   
}
.news4 {  /*texte de la news */
	background:#fdfdfd;
	padding:3px 5px;
	margin:0px 0 1px 0;
}

.news5  { /* url */
	background:#fdfdfd;
	padding:3px 5px;
	margin:0px 0 1px 0;
}

.autresNews{
	background: transparent url('../Phocea/Images/icons/03/10/09.png') no-repeat 0px 6px;
	margin:0 0 10px 0;
	padding:0 0 0 16px;
}

.newsSvceLine{
   
}

.newsSvceLine li {
 
}

.newsshort_titre{
	font-weight:bold;
	font-size:110%;
	text-align:left;
	padding:0 0 2px 0;
	border-bottom:0px solid #E1E1E1;
}
.newsshort_titre a { 
	color:#4E4E4E;
}
.newsshort_date{
	font-weight:normal;
	text-align:left;
	color:#959494;
	font-style:normal;
	font-weight:bold;
}
.newsshort_texte{

text-align : left;
}


/*===============================================
Affichage de l'AGENDA
Config/Templates/CeagendaBox.php, fct eagendaBox()
==================================================*/
.eagdaGen1 { /* boite generale (1ere, 3eme, 5eme etc.) */
	padding:0;
	margin:0 0 5px 0;
} 
.eagdaGen2 {/* boite generale (2eme, 4eme, 6eme etc.) */
	padding:0;
}    

.eagda1 { /*Titre */
	color:#2E2E2E;
	padding:0 0 0 0px;
}
.eagda1  a{ /*Titre */
	color:#2E2E2E;
}

.eagda2 {    /* date et heure */
	color:#777;
	font-size:90%;
	padding:0 0 0 0px;
}
.eagda3 {    /* type de seminaire */
   padding:0 0 0 0px;
   color:#4E4E4E;
}
.eagda4 {   /* lieu intervenant */
	padding:0 0 0 0px;
}  

/*==================================================
Affichage des séminaires
Config/Templates/CseminarBox.php, fct seminar_box()
=====================================================*/
 /* Titre du seminaire */
.semin1 {    
  
}
/* Type de seminaire */
.semin2 {    
   
}
/* Date et heure et lieu */
.semin3 {     
    
}
/* Intervenant */
.semin4 {    
   
}
 /* resume */
.semin5 {    
   
}

/*===============================================
Affichage des AST
==================================================*/

#ast_nav{ /* pour la barre de navigation ds la page ast_technique qui présente les ss-technique*/
   
}

#ast_nav_current {
	
}

.ast_titre{
  
}

.ast_ss_titreL{
    
}
.ast_ss_titreR{}
.ast_legende {}
.ast_url{}
.ast_pied_page{
    
}


.astshort_titre{
	font-weight:bold;
	text-align:left;
	padding:0 0 2px 0;
	border-bottom:0px solid #E1E1E1;
}
.astshort_titre a { 
	color:#4E4E4E;
}
.astshort_date{
	font-weight:normal;
	text-align:left;
	color:#959494;
	font-style:normal;
	font-weight:bold;
}


/*==================
ALBUM
==============*/
.albumdiapo {
	
}

.albumdiapo #titre {
	
}

.albumdiapo #sstitre {
	
}
.albumdiapo #_img {
	
}


/*==============
Formulaires
================ */
.form-input-field {
	
} 

.form-input-button { 
	
} 
.form-input-submit { 
	
} 
.form-input-button:hover { 
	
} 
.form-input-submit:hover { 
	
} 

.form-input-select { 
	
} 

/*==============
Moteur de recherche
================ */
#search { 
	text-align:right;
	margin: 0;
	padding: 0 ;
}

.search_field {
	height:12px;
	line-height:12px;
	width:176px;
	font: 10px arial, Helvetica  sans-serif;
	margin:2px 0 0 0 ; /* permet de bouger la input-text du moteur qd il est ds le bandeau (Firefox, IE, Opera */
	padding:0;
	color:#1D394A;
}
.search_bouton {
	margin:2px 2px 1px 0;
	padding: 0;
	vertical-align:top;
}

.rub { /* les onglets qui permettent d'afficher les experiences en cours/achevées/en activité */
	border-bottom:2px solid #512525;
	
}

.rubEncours {
	border-top: 2px solid #512525;
    border-right: 2px solid #512525;
    border-left: 2px solid #512525;
	
}