/* $Id: local_sample.css,v 1.1 2010/04/08 17:16:16 danprobo Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom css and css overrides in this file and  */ 
/* rename it local.css.  By restricting your css changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.               */

/* Steps to activate local.css:                       */
/* 1. Add your custom css to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Uncomment (remove leading semicolon from ) the  */ 
/*    following line in your theme's .info file:      */
/*    ;stylesheets[all][] = local.css                 */
/* 4. Clear cached data at admin/settings/performance */

@charset "utf-8";

/***** [ Reset css ] ************************************************/
*{font-weight: normal;}
@-moz-document url-prefix() { body { font-weight: lighter!important; } }
html {
font-weight: 100;font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;
	font-weight: inherit;font-style: inherit;
	font-size: 16px;
	/*font-family: inherit;*/
	vertical-align: baseline;
	}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
/*caption, th, td {text-align: left;font-weight: normal;}*/
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
sup {
font-size:80%;
vertical-align: super;}
sub {
font-size:80%;
vertical-align: sub;}

/***** [ init ] *****/
a, a:link  {text-decoration:none; color:rgb(125, 179, 234);}
a:visited {text-decoration:none; color:rgb(150, 211, 241);}
a:hover, a:active, a:focus {text-decoration:none; color:rgb(255,255,255);}
/*
a, a:l*{font-weight: normal;}ink, a:visited, a:active {text-decoration:none; color:#644C40;}
a:hover, a:focus {color:#DE564B;}
p a {color:#333;}
p a:hover, p a:focus {color:#DE564B;}
body {background:#000 url(../images/styles/bg_body.jpg) center top repeat-x fixed; color:#333; font:75% Arial, sans-serif; line-height:normal;}
input, select, option {// font-family:Arial, Helvetica, sans-serif; *//*border:none;*//*}
/*
textarea {// font-family:Arial, Helvetica, sans-serif;}
h1 {color:#644C40; font-size:2em; // font-family:Cambria,Georgia,serif; font-weight:normal; line-height:normal;}
small {font-size:0.8em;}
//::-moz-selection{background:#DE564B;color:#fff;}
//::selection{background:#DE564B;color:#fff;}

*/
H3 {
padding-bottom: 4px;
}

/******{font-weight: normal;} [ mon css ] *****/


@font-face {
	font-family: "Futur_book"; 
	src: url('font/FuturaStd-Book.otf') format('opentype'); 
/*
	src: url('font/futurastd-book.eot');
	src: url('font/futurastd-book.eot\?#iefix') format('embedded-opentype'),
		 url('font/futurastd-book.woff') format('woff'),
		 url('font/FuturaStd-Book.otf') format('opentype'),
		 url('font/futurastd-book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
*/
/*//	src: url('font/FuturaStd-Book.ttf') format('truetype');
//	src: url('font/SourceSansPro-Light.otf') format('opentype');
//	src: url('font/Ubuntu-L.ttf') format('truetype');

//	src: url('font/FuturaStd-Book.otf?#iefix') format('embedded-opentype');
//	src: url('font/GOTHIC.TTF') format('truetype');
*/		
}


/*** entetes ***/
* {
	margin: 0;
	padding: 0;
	font-weight:normal;

-webkit-font-smoothing: antialiased;

}

html {
	background-color:rgb(0, 0, 0);
	height:100%;
	margin: 0;
	padding: 0;

	/* Webkit (Safari/Chrome 10) */ 
	background-image: url("images/worldmap.png"), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 127, color-stop(0%, rgb(60, 84, 109)), color-stop(100%, rgb(0, 0, 0)));
	/* Webkit (Chrome 11+) */ 
	background-image: url("images/worldmap.png"), -webkit-radial-gradient(center center, closest-corner circle, rgb(60, 84, 109) 0%, rgb(0, 0, 0) 100%);
	/* Mozilla Firefox */ 
	background-image: url("images/worldmap.png"), -moz-radial-gradient(center center, closest-corner circle, rgb(60, 84, 109) 0%, rgb(0, 0, 0) 100%);
	/* IE10 Consumer Preview */ 
	background-image: url("images/worldmap.png"), -ms-radial-gradient(center center, closest-corner circle, rgb(60, 84, 109) 0%, rgb(0, 0, 0) 100%);
	/*background-image: url("images/worldmap.png"), radial-gradient(center center, closest-corner circle, rgb(60, 84, 109) 0%, rgb(0, 0, 0) 100%);*/
	/* Opera */ 
	background-image: url("images/worldmap.png"), -o-radial-gradient(center center, closest-corner circle, rgb(60, 84, 109) 0%, rgb(0, 0, 0) 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: url("images/worldmap.png"), radial-gradient(closest-corner circle at center center, rgb(60, 84, 109) 0%, rgb(0, 0, 0) 100%);

	background-position:center -130px, center top;

	background-repeat: no-repeat, no-repeat;
	background-attachment: fixed, fixed; 
	font-size:16px;
	color:rgb(255,255,255);
}

body {
	background:none;
	overflow:visible;
	font-family: Futur_book, Arial, Verdana, Tahoma;
	/*font-family: Arial, Verdana, Tahoma;*/
	height:100%;
	color:rgb(255,255,255);
	font-size:16px;

}
strong {	
font-weight:bold;
}
/*****************/
/* sliding-popup */
/*****************/
#sliding-popup {
position: absolute;
}
#sliding-popup.sliding-popup-top {
background-color: rgba(0, 0, 0, 0.5);
}
#superglob {
	position : relative;
	min-height: 100%;

}
#glob {
cal.css.swp

	position: relative;
	
        
	margin: 0 auto;
	padding-bottom: 0px;

	width: 100%;


}
.field-type-taxonomy-term-reference .field-label, 
.field-type-taxonomy-term-reference .field-items, 
.field-type-taxonomy-term-reference .field-item {
    display: block;
    float: none;
    padding-right: 0px;
}

/* entete superieur */
#supheader {
height:40px;
width:100%;
border:none;
}
#supheader-wrapper {
height:40px;
width:1000px;
margin:auto;
}
#preface {
margin: 0px auto;
width:100%;
height:40px;
color:rgb(0,0,0);
}
#preface .region {
margin: 2px auto;
}
.region-preface,
.region-preface .block-region {
margin:0px auto;
text-align:right;
}

/* liste liens rapides */
#block-views-in-block-3,
#block-views-in-block-4,
#block-views-in-block-5,
#block-menu-block-34
{
float:left;
width:640px;
}

.html #block-menu-block-34 ul{
    top:3px;
    margin-left:94px;
}
.view-display-id-block_3 ul,
.view-display-id-block_4 ul,
.view-display-id-block_5 ul,
#block-menu-block-34 ul
{
width:640px;
height:40px;
position:relative;
top:-3px;
list-style: none;
list-style-image:none;
margin-left:70px;
}
ul, ul li.views-row {
list-style-image:none;
}

.view-display-id-block_3 ul li.views-row,
.view-display-id-block_4 ul li.views-row,
.view-display-id-block_5 ul li.views-row,
#block-menu-block-34 ul li{
float:left;

}

#block-menu-block-34 ul li {
    list-style:none;
    padding:0 20px;
}

#block-menu-block-34 ul li a {
    
}
.view-display-id-block_3 ul li.views-row a,
.view-display-id-block_4 ul li.views-row a,
.view-display-id-block_5 ul li.views-row a

{
display:block;
float:left;

}
.view-display-id-block_3 ul li.views-row {padding: 0 20px;}
.view-display-id-block_4 ul li.views-row {padding: 0 15px;}
.view-display-id-block_5 ul li.views-row {padding: 0 19px;}

#preface a {
text-decoration:none;
font-weight:normal;
}

/* liste selecteur de langue */
#block-locale-language {
	float:left;
}
ul.language-switcher-locale-url {
width:130px;
height:15px;
position:relative;
float:right;
top:-5px;
right:20px;
list-style-image:none;
}
ul.language-switcher-locale-url>li {
border-left: solid 1px #ffffff;
}
 
ul.language-switcher-locale-url>li.first {
padding-left: 10px;
border-right: 0px;
}
ul.language-switcher-locale-url>li.last {
padding-right: 10px;
border-left: 0px;
} 
ul.language-switcher-locale-url>li {
display:block;
float:right;
width:25px;
list-style-image:none;
}

/* bloc de recherche */
#block-search-form {
display:block;
float: right;
right:45px;
width:160px;
height:35px;
position:inherit;
}


#search-block-form input.form-text {
position:relative;
background: url('images/recherche.png') no-repeat 5px 6px;
background-color: rgba(250, 250, 250, 0.8);
color:rgba(0,0,0,0.6);
outline: rgba(0,0,0,0) solid;
margin:5px 0 0px 0;
padding:5px 0 0 28px;
height: 20px;
width:118px;
right:45px;
border:0px solid rgba(0,0,0,0);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow:inset -2px 2px 2px rgba(50, 50, 50, 0.8);
-moz-box-shadow:inset    -2px 2px 2px rgba(50, 50, 50, 0.8);
box-shadow:inset         -2px 2px 2px rgba(50, 50, 50, 0.8);
}
#search-block-form .form-actions input.form-submit {
visibility:hidden;
width:1px;

}
input::-webkit-input-placeholder,
input:-moz-placeholder {
  color:rgba(0,0,0,0.8);

}
/* bloc de syndication */
#block-node-syndicate {
display:block;
position:relative;
right:-140px;
top:4px;
float:right;
width:40px;
height:20px;
}
#block-node-syndicate a {
width:27px;
height:27px;

}
#block-node-syndicate .feed-icon {
/*background-image: url('images/Rss-feed.svg');
background-size: 27px 27px;
width:27px;
height:27px;*/
}
#block-node-syndicate .feed-icon img{
background: none;
width:27px;
height:27px;
}
/*
#block-node-syndicate img {
background-image: url('images/Rss-feed.svg');
background-size: 27px 27px;
width:27px;
height:27px;
}
*/
.feed-wrapper {
display:none;
}

/* bloc twitter */
#block-block-17 {
display:block;
position:relative;
right:-140px;
top:4px;
float:right;
width:40px;
height:20px;
}
#block-block-17 .block-title{
display:none;
}
#block-block-17 p {
text-align:right;
}
#block-block-17 a {
width:27px;
height:27px;

}

#block-block-17 .twitt-icon img{
background: none;
width:27px;
height:27px;
}



/* entete */
#header {
position:relative;
z-index:110;
height:96px;
width:100%;
background-color:rgba(71,149,228,0.65);
/*background-color:rgba(71,228,149,0.65);*/
border:none;
-webkit-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 3px 3px rgba(50, 50, 50, 0.65);
box-shadow:         0px 3px 3px rgba(50, 50, 50, 0.65);
}
#header-wrapper {
width:1000px;
margin:0 auto;
}

#logo-wrapper {
float:left
}
#branding-wrapper {
width:900px;
margin-top:10px;
text-align:center;
}
#logo-wrapper .logo {
margin-top:-30px;
margin-left: 0px;
height:130px;
width:82px;
background-image: url('images/LogoIPGP.svg');
background-size: 82px 120px;
background-repeat:no-repeat;
}
#logo-wrapper .logo>a>img {
display:none;
margin-top:-40px;
height:120px;
margin-left:-15px;
}



.site-name {
display: block;
margin:0 auto;
margin-top:15px;
padding-right:10px;
font-size: 38px;
font-weight: normal;
font-family: Futur_book, Arial, Verdana, Tahoma;
font-style: normal;overflow:normal;

}
.site-name a {
font-size: 38px;
color: rgb(255,255,255);
}
.site-slogan {
display: block;     
color: rgb(255,255,255);
font-size: 20px;
margin-top:15px; 
padding-right:25px;                 
font-weight: normal;
position: relative;
overflow:normal;
text-align:center;
font-family: Futur_book, Arial, Verdana, Tahoma;
}

#authorize { 
display:none;
}

#authorize ul li.inscrire{
display:none;
}
/***************/
.profile {
background-color: rgba(244, 244, 244,0.1);
}

/*****************/
/*menu horyzontal*/
/*****************/


/*** menus ***/
#menu, #nav, #nav li, #nav li a, #nav li a:hover, #nav li.active-trail a, #rounded-menu-left, #rounded-menu-right  {
background:none;
.local.css.swp
color: rgb(162, 184, 208);
font-family: Futur_book, Arial, Helvetica, sans-serif;
}
li a.active {
 color:rgb(255,255,255);
}
#rounded-menu-left,#rounded-menu-right {
height:0px;
}
#menu{
position:relative;
margin:0 auto;
padding-top:36px;
width:1000px;
height:40px;
}

#superfish {
position:relative;
z-index:50;
padding-top:0px;
height:40px;
width:1000px;
/*background:yellow;*/
}

#superfish ul.ipgp-menu-ul {
margin:0 auto;
width:1000px;
height:40px;
}
#superfish .menu li.active-trail {
background:none;
}
#superfish .menu li:hover {
background:none;
}
#superfish .menu a, #superfish .menu a:visited {
color: rgb(162, 184, 208);
}


#superfish .ipgp-menu-li {
margin:0px;
padding:0px;
text-align: center;
position:relative;
z-index:60;
}

#superfish .first.sf-depth-1.ipgp-menu-li {
padding-right:3.5%;
/*margin-left:0px;*/
border-right: 1px solid rgb(162, 184, 208);
}
#superfish .middle.sf-depth-1.ipgp-menu-li {
padding:0 3.5%;
border-right: 1px solid rgb(162, 184, 208);
}
#superfish .last.sf-depth-1.ipgp-menu-li {
padding-left:3.5%;
}
#superfish .menu a.sf-with-ul {
padding: 0px;
}

#superfish .sf-depth-1 a, #superfish .sf-depth-1 a:hover {
position:relative;
z-index:100;
}


#superfish .sf-depth-1 a,
#superfish .sf-depth-1 a:link,
#superfish .sf-depth-1 a:visited {
display:block;

font-size: 25px;
font-weight:normal;
text-transform: uppercase;
padding: 0px;
}
.sf-sub-indicator {
display: none;
background:none;
width:0px;
height:0px;
}
#superfish .sf-depth-1 a .menuparent {
display:inline-block;
position: relative;
z-index:100;
padding: 0px;

}


/* deuxième niveau*/
#superfish .sf-depth-1.ipgp-menu-li ul {
z-index:140;
background:none;
margin:-72px auto;
width:90%;
margin-left:3%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

}
#superfish .sf-item-1.sf-depth-1.ipgp-menu-li  ul { background-color:rgba(71,149,228,0.80); margin-left:-22%;width:110%;}
/*#superfish .sf-item-1.sf-depth-1.ipgp-menu-li  ul { background-color:rgba(5,129,164,0.80); margin-left:-22%;width:110%;}*/
#superfish .sf-item-2.sf-depth-1.ipgp-menu-li  ul { background-color:rgba(138,144,69,0.80); }
#superfish .sf-item-3.sf-depth-1.ipgp-menu-li  ul { background-color:rgba(168,139,96,0.80); }
#superfish .sf-item-4.sf-depth-1.ipgp-menu-li  ul { background-color:rgba(143,57,49,0.80); }
#superfish .sf-item-5.sf-depth-1.ipgp-menu-li  ul { background-color:rgba(126,126,126,0.80); margin-right:-55px;width:110%;}

/* menu français */
body.i18n-fr #superfish .first.sf-depth-1.ipgp-menu-li { padding-right:3.5%;}
body.i18n-fr #superfish .middle.sf-depth-1.ipgp-menu-li { padding:0 3.5%; }
body.i18n-fr #superfish .last.sf-depth-1.ipgp-menu-li { padding-left:3.5%; }

body.i18n-fr #superfish .sf-item-1.sf-depth-1.ipgp-menu-li  ul { width:110%; }
body.i18n-fr #superfish .sf-item-1.sf-depth-1.ipgp-menu-li  ul { margin-left:-22%; }
body.i18n-fr #superfish .sf-item-5.sf-depth-1.ipgp-menu-li  ul { width:110%; }

/* menu anglais */
body.i18n-en #superfish .first.sf-depth-1.ipgp-menu-li { padding-right:3.7%;}
body.i18n-en #superfish .middle.sf-depth-1.ipgp-menu-li { padding:0 3.7%; }
body.i18n-en #superfish .last.sf-depth-1.ipgp-menu-li { padding-left:3.7%; }

body.i18n-en #superfish .sf-item-1.sf-depth-1.ipgp-menu-li  ul { width:105%; }
body.i18n-en #superfish .sf-item-1.sf-depth-1.ipgp-menu-li  ul { margin-left:-18%; }
body.i18n-en #superfish .sf-item-5.sf-depth-1.ipgp-menu-li  ul { width:110%; }

/* menu espagnol */
body.i18n-es #superfish .first.sf-depth-1.ipgp-menu-li { padding-right:2%;}
body.i18n-es #superfish .middle.sf-depth-1.ipgp-menu-li { padding:0 2%; }
body.i18n-es #superfish .last.sf-depth-1.ipgp-menu-li { padding-left:2%; }

body.i18n-es #superfish .sf-item-1.sf-depth-1.ipgp-menu-li  ul { width:100%; }
body.i18n-es #superfish .sf-item-1.sf-depth-1.ipgp-menu-li  ul { margin-left:-11%; }
body.i18n-es #superfish .sf-item-5.sf-depth-1.ipgp-menu-li  ul { width:100%; }


#superfish .sf-item-1.sf-depth-2.ipgp-menu-li {
margin-top:80px;
}
#superfish .sf-depth-2.ipgp-menu-li {
padding:6px 15px;
}
#superfish .menu-views .views-row{
padding:6px 0px;
}
#superfish .ipgp-menu-li ul li,#superfish .ipgp-menu-li ul li:hover,#superfish .menu li.active-trail li {
background:none;
}

#superfish .sf-depth-2 a,
#superfish .sf-depth-2 a:link,
#superfish .sf-depth-2 a:visited {
background:none;
width:80%;
color:rgb(225,225,225);
text-align: left;
font-size: 17px;
line-height:1.2;
/*padding:3px 4%;*/
text-transform: none;
-webkit-box-shadow: 0px;
-moz-box-shadow: 0px;
box-shadow: 0px;
}

#superfish .sf-depth-2 a:link, #superfish .sf-depth-2 a:visited {
color:rgb(225,225,225);
}
#superfish .sf-depth-2 a:hover, #superfish .sf-depth-2 a:focus,
#superfish .sf-depth-2 a:hover, #superfish .sf-depth-2 a:active,
#superfish .sf-depth-2 a:hover, #superfish .sf-depth-2 a:hover {
color: rgba(255,255,255, 1.5);
}


/***************/
/*****************/
/*fin menu horyz.*/
/*****************/




/****************/
/*   contenu    */
/****************/

#wrapper {
position:relative;
min-height: 400px;
margin:0px auto 0px auto;
width:1000px;
}

/****************/
/*page d'accueil*/
/****************/

#wrapper .content-middle .panel-flexible.panels-flexible-1,
#wrapper .content-middle .panel-flexible.panels-flexible-7,
#wrapper .content-middle .panel-flexible.panels-flexible-8 {
margin-top:22px;
}
/*** slideshow ***/

.panel-pane.pane-views.pane-showslider .pane-content {
	margin:auto;
	width:790px;
	max-height:285px;
}



.views_slideshow_cycle_main {
position:relative;
box-shadow: 5px 5px 10px 0px rgba(51,51,51,0.5);
}

/*titre et corps*/

.views-slideshow-cycle-main-frame-row-item .views-field-title .field-content {
position: absolute;
left:30px;
top:200px;
font-size: 28px;
min-width:900px;
z-index:2;
color:#fff;
font-family: Futur_book, Arial, Helvetica, sans-serif;
}


.views_slideshow_cycle_main .views-field-field-sous-titre-actus {
position: absolute;
top: 190px;
left:0px;
width:790px;
height:80px;
background:rgba(0,0,0,0.6);
font-size: 15px;
padding-bottom:15px;
z-index:1;
color:#fff;
font-family: Futur_book, Arial, Helvetica, sans-serif;
}

.views_slideshow_cycle_main .views-field-field-sous-titre-actus .field-content {
width:580px;
white-space: normal;
line-height:130%;
padding-left:60px;
margin-top:40px;
}

.views_slideshow_cycle_main .views-field-field-slider-link {
display:none;
}

#views_slideshow_cycle_main_showslider-block,
#views_slideshow_cycle_teaser_section_showslider-block,
#views_slideshow_cycle_main_showslider-block_1,
#views_slideshow_cycle_teaser_section_showslider-block_1,
#views_slideshow_cycle_main_showslider-block_2,
#views_slideshow_cycle_teaser_section_showslider-block_2 {
height:285px;
}

/*pager du slideshow*/
/**/
.views-slideshow-controls-bottom { 
float: right; 
padding:0;
margin:0; 
text-align:right;
} 

.views-slideshow-pager-fields {
	position: relative;
	opacity:0.8;
	bottom:25px;right:10px;
	padding:0;
	z-index:10;
}
.views-slideshow-pager-field-item {
margin:0px;
padding:0px;
margin-right:10px;
/*border:2px solid rgba(0,170,255, 0.8);*/
float:right;
background:grey;
width:15px;
height:15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.views-slideshow-pager-field-item.active,
.views-slideshow-pager-field-item:hover {
background:white;
}
.views-slideshow-pager-field-item  .views-field-field-image-actus {
height:15px;
width:15px;
}

.views-slideshow-pager-field-item  .views-content-field-image-actus img {
opacity:0;
height:15px;
width:15px;
}
.views-slideshow-pager-field-item  .views-content-field-slider-link a {
opacity:0;
height:15px;
width:15px;
}

.local.css.swp
/**/
.field-name-field-prog-responsable .field-items .field-item .profile{
border:none;
background:none;
}
.field-name-field-prog-responsable .field-items .field-item .profile .field-name-field-nom {
margin-top: -29px;
}
/***************/

/*** les 3 missions ***/
#content {
margin-bottom:100px;
}
.content-middle {
margin: 0 auto;
/*margin-bottom:100px;*/
}

.panels-flexible-row-inside {
margin-top:0px;
}
.panels-flexible-row-inside .panel-pane.pane-block h2 {
height:30px;
border-bottom:1px solid rgb(71,149,228);
font-size:26px;
font-weight:normal;
}
.panels-flexible-row-inside .panel-pane.pane-block h2 a {
font-size:26px;
color:rgb(255,255,255);
}

.panel-pane.pane-block {
margin:auto;
width:86%;
font-family: Futur_book, Arial, Helvetica, sans-serif;
color:rgb(255,255,255);
}
.panel-pane.pane-block-2, .panel-pane.pane-block-11, .panel-pane.pane-block-8 {padding-right:10%;}
.panel-pane.pane-block-5, .panel-pane.pane-block-12, .panel-pane.pane-block-14 {padding:0 5%;width:88%;}
.panel-pane.pane-block-4, .panel-pane.pane-block-13, .panel-pane.pane-block-15 {padding-left:10%;}

.panel-pane.pane-block .pane-content p {
margin-top:10px;
font-size: 16px;
line-height:120%;
letter-spacing: 0.03em;
text-align:left;

word-spacing:3px;
}
#content .panel-pane.pane-block .pane-content a, 
#content .panel-pane.pane-block .pane-content a:link, 
#content .panel-pane.pane-block .pane-content a:hover {

color:rgb(255,255,255);

}



/********************/
/*fin page d'accueil*/
/********************/


/***************/
/*page normale**/
/***************/
.node-teaser .title
.node-teaser .title a {
font-size:20px;
margin-bottom:0px;
}
.node .links {
text-align:right;
}
/*** entete page normale ***/
/* titre */
#preface-wrapper {
	width:1000px;
	height:60px;
	margin:0px auto;
	padding-right:0px;
	padding-left:0px;
	/*background:red;*/
	border-bottom: 2px solid rgb(125, 179, 234);
}
#preface-wrapper .block {
margin:0px;
}

#sidebar-left .content, 
#sidebar-right .content {
padding: 0px 5px;
}
.region-preface-first {
/* height:60px; */
}
.region-preface-first .block-title,
.region-preface-first .block-title a {
font-family: Futur_book, Arial, Helvetica, sans-serif;
color:rgb(125,179,234);
font-size:40px;
}
.region-preface-first h2.block-title {
font-weight:normal;

}
.region-preface-first .block-title {
text-transform: uppercase;
height:50px;
width:100%;

padding-bottom:0px;
padding-top:10px;
margin-bottom:10px;
}
.region-preface-first .block-title a{
font-weight: 100;
text-decoration:none;
}
.region-preface-first  .content .menu-block-wrapper{
display:none;
}
/*titre des observatoires*/
#block-ipgp-obs-title .block-title a{
font-size:28px;
}
#block-ipgp-obs-title .content{
 height:50px;
}
#block-ipgp-espace-pratique-title .content,
#block-ipgp-programme-group-title .content,
#block-ipgp-formation-title .content,
#block-ipgp-group-title .content {
 height:100px;
}

/*sous-titre groupes équipes et formation*/
.group-title,
.group-title a.lienblanc {
font-size: 30px;
color: white;
padding-bottom:10px;
}
.formation-title,
.formation-title a.lienblanc {
font-size: 30px;
color: white;
padding-bottom:10px;
}
.programme-title,
.programme-title a.lienblanc {
font-size: 30px;
color: white;
padding-bottom:10px;
}
.group-title, .formation-title, .programme-title{
    position:absolute;
    z-index: 50;
}
#block-ipgp-noeud-meme-groupe,
#block-ipgp-noeud-meme-programme{
 margin-top:0px;
}
/* actus */
/*#content .region-content-top {*/
#content .content-top {
height: 80px; 
background:none;
border:none;
margin:-28px 0 0 0;
padding:0px;

}
#content .content-top .region-content-top {
float:right;
margin-top:0px;
width:49.5%;
background: rgba(255,255,255,0.9);
background: -webkit-linear-gradient( right, rgba(255,255,255,0.25), rgba(255,255,255,0));
background:    -moz-linear-gradient( right, rgba(255,255,255,0.25), rgba(255,255,255,0));
background:     -ms-linear-gradient( right, rgba(255,255,255,0.25), rgba(255,255,255,0));
background:      -o-linear-gradient( right, rgba(255,255,255,0.25), rgba(255,255,255,0));
background:         linear-gradient( to left, rgba(255,255,255,0.25), rgba(255,255,255,0));
/*border-left: 1px solid rgba(146, 165, 185, 0.2);
border-bottom: 1px solid rgba(146, 165, 185, 0.2);*/
height:60px;
}
#content .content-top .region-content-top {
margin:0px;
width:94%;

}
#content .content-top .region-content-top .block.block-views {
height:60px;
width:94%;
}
#content .content-top .region-content-top .block.block-views .block-title {
position:relative;
display:inline-block;
color: rgb( 125, 179, 234);
padding:0px;
margin:0px;
width: 60px;
text-align:center;
top:18px;
right:-100%;
height:20px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
font-size:24px;
/*color:rgba(0, 14, 29, 0.9);
//color:white;*/
z-index:40;
/*font-weight:600;*/
}

#content .content-top .region-content-top .block.block-views .content {
text-align:right;
margin-top:-15px;
}
#content .content-top .region-content-top .more-link {
margin-top:-10px;
}
#content .content-top .region-content-top .field-content a:link,
#content .content-top .region-content-top .field-content a:visited {
color:white;

}
#content .content-top .region-content-top .field-content a:hover{
color:rgb(175, 229, 254);
}


/*** corps (sidebar + content) ***/
#page-title.title {
/*display:none;*/

text-align:right;
/*padding-top: 32px;*/
padding-top: 2px;
/*height:40px;*/
border-bottom:2px solid rgb(125, 179, 234);
font-family: Futur_book, Arial, Helvetica, sans-serif;
font-size:30px;
color:rgb(125, 179, 234);
font-weight: normal;
margin-bottom:15px;
padding-bottom:5px;
}
#page-title.no-title {
height: 0px;
}
/***************/

/*** sousmenus sidebar ***/

#layout-type-1 #sidebar-left{
width:24%;
/*background:yellow;*/
margin-bottom:100px;
}
.sidebar .block {
background: rgba(244, 244, 244, 0);
border: none;
}
/*logos*/
.logo_formation {

margin-top: 40px;
text-align: center;
}
.logo_obs {
text-align: center;
}

.content ul.menu {
padding: 0px;
margin: 0px;
}
.region-sidebar-first .block-title,
.region-sidebar-first .view-header {
display:none;
}
.region-sidebar-first .content .menu-block-wrapper ul, .region-sidebar-first .content .menu-block-wrapper ul li {
padding:0px;
margin:0px;
}

.region-sidebar-first .content .menu-block-wrapper ul li {
list-style-image:none;
list-style-type:none;
line-height:250%;
}


.region-sidebar-first .content ul li {
list-style-image:none;
list-style-type:none;
line-height:250%;

display:block;
margin:0;
padding:0;
width:100%;
/*height:100%;*/
}

.region-sidebar-first .content ul li a,
.region-sidebar-first .content ul li a:link {
font-family: Futur_book, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
line-height:1.2;
display:block;
padding-top:6px;
padding-bottom:6px;
}
.region-sidebar-first .content ul>li>ul>li a,
.region-sidebar-first .content ul>li>ul>li a:link {
font-size:17px;
padding-left:6%;
width:94%;
}
.region-sidebar-first .content ul>li>ul>li a {
padding-left:6%;
width:94%;
}

.region-sidebar-first .content ul>li>ul>li>ul>li a, 
.region-sidebar-first .content ul>li>ul>li>ul>li a:link{
padding-left:12%;
width:88%;
font-size:16px;
border-bottom:0px;
padding-top:5px;
padding-bottom:5px;
}

.region-sidebar-first .content ul>li>ul>li>ul>li H3 a,
.region-sidebar-first .content ul>li>ul>li>ul>li H3 a:link {
font-size:15px;
}

.region-sidebar-first .content ul>li>ul>li>ul>li ul>li span.field-content a,
.region-sidebar-first .content ul>li>ul>li>ul>li ul>li span.field-content a:link {
font-size:14px;
padding-left:18%;
width:82%;
}
.region-sidebar-first .content ul>li>ul>li>ul>li>ul>li  a,
.region-sidebar-first .content ul>li>ul>li>ul>li>ul>li  a:link {
font-size:14px;
padding-left:24%;
width:76%;
}

/**** menu utilisateur ****/
.region-sidebar-first .content ul.links.site-menu {
margin: 0.35em 0 0 -0.5em;
}
.region-sidebar-first .content ul.links.site-menu li a,
.region-sidebar-first .content ul.links.site-menu li a:active{
color:rgb(255, 255, 255);
font-size:17px;
}

span.desc{
font-style: italic; 
font-size: 15px;
}


/***************/

/*** corps page normale ***/
.content-top {
border-color: rgba(244, 244, 244, 0.5) rgba(187, 187, 187, 0.5) rgba(187, 187, 187, 0.5) rgba(244, 244, 244, 0.5);
background-color: rgba(244, 244, 244, 0.4);

}
.one-sidebar #content {
width: 73%;
float:right;
min-height: 300px;
height:auto;
/*margin-bottom:100px;*/


}

.one-sidebar #content .content.clearfix {
font-size:16px;
line-height:1.3em;
}
#content .content-middle .node.node-group.clearfix{
margin: 0px;
}
.content-middle .field-name-title {
/*display:none;*/
}
.content-middle {
width:100%;

padding-bottom:0px;
}
.field-item ul, .field-item ul li.leaf{
list-style:square;
}
div.links ul.links li.node-readmore a {
    background-image: none;
}
.group-left {
width:75%;
text-align:justify;
}

.group-right {
width:20%;
text-align:right;
}
.pict_right{
float:right;
margin: 0 0 5px 10px;
}
.pict_left{
float:left;
margin: 0 10px 5px 0;
}

.content .content-middle H3 {
padding-bottom: 4px;
}
/*img {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
}*/
img[src$=".png"] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.body_image .media.media-element-container .colorbox>img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
/*#media-browser-library-list .media-item>.media-thumbnail>a>img{
*/
.media-item .media-thumbnail{
	width:110px;
}
.media-item .media-thumbnail img{
	width:100px;
}
.content-bottom {
border:none;
background-color: transparent;
/*padding-bottom: 80px;*/
}


/*.body_image .titre_image {
margin-top: 5px;
text-align:center;
}
.body_image .legende_image {
text-align:center;
}
.body_image .credits {
text-align:center;
margin-bottom: 5px;
}*/
/***************/

/* onglets d'edition */
ul.tabs.primary li a, 
ul.tabs.primary li.active a.active {
background-color: #444444;
}
/* tableau formation */
table.formation {
	width:750px;
}
table.formation tr {
	height:50px;
}

/* tableau de formulaire */
.form-item .field-multiple-table thead tr th label {
color: rgb(0,0,0);
}
.form-item .tabledrag-toggle-weight-wrapper a, 
.field-edit-link a {
color: rgb(50,111,141);
}
.form-item .tabledrag-toggle-weight-wrapper a:hover, 
.field-edit-link a:hover {
color: rgb(150,211,241);
}
/* menu déroulant pour chrome */
.exposed-filters .form-select {
height:1.7em;
}
.exposed-filters .form-item label {
height:1.5;
}
/********************/
/*fin page normale***/
/********************/

/*****************/
/******Admin*****/
/*****************/
#overlay-content a, 
#overlay-content a:link, 
#overlay-content a:visited {
	text-decoration:none; 
	color:rgb(85, 139, 194);
}
#overlay-content a:hover, 
#overlay-content a:active, 
#overlay-content a:focus {
	text-decoration:none; 
	color:rgb(150, 211, 241);
}
table a,table a:link, table a:visited  {text-decoration:none; color:rgb(85, 139, 194);}

/*table a:hover, table a:active, table a:focus {text-decoration:none; color:rgb(150, 211, 241);}*/
table a:hover, table a:active, table a:focus {text-decoration:none; color:rgb(45, 99, 154);}

table.views-table {color: rgb(0,0,0);}
/********************/
/*fin Admin***/
/********************/



/*****************/
/******Footer*****/
/*****************/
/*** footer ***/
#footer-wrapper {
/*overflow:hidden;*/
position:absolute;
z-index:10;
clear: both;
bottom:0px;
width: 100%;
background-color:rgba(71,149,228,0.65);
border:none;
-webkit-box-shadow: 0px -3px 3px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px -3px 3px rgba(50, 50, 50, 0.5);
box-shadow:         0px -3px 3px rgba(50, 50, 50, 0.5);

}
#footer {
width:1000px;
height:80px;
margin: 0 auto;
/*background:yellow;*/
}
#logogauche .pres {
float:left;
background-image:url('images/LogoPRES.svg');
background-size: 111px 60px;
width:110px;
height:60px;
margin:5px 8px 10px 0px;
}
#footer .region.region-footer {
float:left;
width:790px;
height:80px;
margin:0px 8px;
/*background:red;*/
}
#logodroit .cnrs {
float:right;
background-image:url('images/LogoCNRS.svg');
background-size: 60px 60px;
width:60px;
height:60px;
margin:5px 0px 10px 15px;
}



/* toutes regions */
#mini-panel-pied2 {
overflow:visible;
display:block;
position:absolute;
width:800px;
margin:0 auto;
font-size:18px;
text-align:center;
font-weight:normal;
height:80px;
z-index:100;
}
#mini-panel-pied2 .panels-flexible-region .panels-flexible-region-inside {
float:left;
width:280px;
padding:0;margin:0;
}
#mini-panel-pied2 .panels-flexible-region {}

#mini-panel-pied2 div.panel-pane {
position:relative;

width:270px;
z-index:110;
opacity:1;
}

#mini-panel-pied2 h2.pane-title {
margin-top:20px;
font-size:18px;
cursor:pointer;
width:270px;
text-align:center;
/*background:red;*/
}
#mini-panel-pied2 .panels-flexible-region .panel-pane .pane-content {
	
	position:absolute;
	overflow:hidden;
	bottom:90px;
	width: 300px;
	height:0px;
	top:-30px;
	z-index:90;
	opacity:0;

-webkit-transition:.3s top,.3s height,.3s opacity;
   -moz-transition:.3s top,.3s height,.3s opacity;
     -o-transition:.3s top,.3s height,.3s opacity;

    -ms-transition:.3s top,.3s height,.3s opacity;
        transition:.3s top,.3s height,.3s opacity;

}

.field-content{
font-size:17px;
}

#mini-panel-pied2 .panels-flexible-region:hover{}

#mini-panel-pied2 .panels-flexible-region:hover .pane-content {
height:300px;
top:-330px;
opacity:1;

}

#mini-panel-pied2 .panels-flexible-region-22-droite .pane-content {
left:70px;
width:560px;
}
#mini-panel-pied2 .panels-flexible-region-22-center .pane-content {
left:-18px;
}
#mini-panel-pied2 .panels-flexible-region-22-gauche .pane-content {
left:-130px;
}

#mini-panel-pied2 .pane-content p,
#mini-panel-pied2 .pane-content .menu-block-wrapper {
height:100%; 
width:280px;
background:rgba(30, 44, 59,0.9);
}
#mini-panel-pied2 .pane-content .view {
height:100%;
width:580px;
background:rgba(30, 44, 59,0.9);
}


#mini-panel-pied2 .panels-flexible-region .view-header  {
text-align:right;
display:block;
position:relative;
z-index:200;
height:30px;
width:280px;
left:-120px;
top: 150px;
font-size:24px;
border-bottom:1px solid rgb(71, 149, 228);
background-color:rgba(0,0,0,0);

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}

#mini-panel-pied2 .panels-flexible-region .pane-content .view-content .field-content a img{
margin:auto;
}
#mini-panel-pied2 .panels-flexible-region .pane-content .view-content .views-field-created {
color:rgb(71, 149, 228);
font-size:22px;
}
#mini-panel-pied2 .panels-flexible-region.panels-flexible-region-3-gauche .pane-content .view-content .views-field {
width:100%;
}
#mini-panel-pied2 .panels-flexible-region .pane-content .view-content .views-field {
display:block;
width:90%;
padding-left: 10px;
padding-right: 20px;
text-align:left;
}
#mini-panel-pied2 .panels-flexible-region .pane-content .view-content .views-field.views-field-title {
padding-left:20px;
}

#mini-panel-pied2 .panels-flexible-region .pane-content .view-content .item-list ul {
padding:0;
}

#mini-panel-pied2 .panels-flexible-region .pane-content .view-content {
position:relative;
margin-top:-15px;
padding-left:35px;
padding-right:50px;
font-size:16px;
/*width:280px;*/
}
.field-content{
font-size:17px;
}
/*.view-evenement-a-venir .field-content .date-display-single {
font-size:19px;
}*/
#mini-panel-pied2 .panels-flexible-region .pane-content .field-content>a{
color:rgb(125, 179, 234);
font-size:16px;
}


#mini-panel-pied2 .panels-flexible-region .pane-content{
position:relative;
width:280px;
}
#mini-panel-pied2 .panels-flexible-region.panels-flexible-region-22-gauche .pane-content {

width:580px;
}

#mini-panel-pied2 .panels-flexible-region:hover .pane-content p,
#mini-panel-pied2 .panels-flexible-region:hover .pane-content .menu-block-wrapper {
position:relative;
height:100%; 
width:280px;
background:rgba(30, 44, 59,0.9);
}
#mini-panel-pied2 .panels-flexible-region:hover .pane-content .view{
position:relative;
height:100%; 
width:580px;
background:rgba(30, 44, 59,0.9);
}
#mini-panel-pied2 .pane-content a:link, 
#mini-panel-pied2 .pane-content a:visited {
color:white;

}
#mini-panel-pied2 .pane-content a:hover {

color:rgb(125, 179, 234);
}
#mini-panel-pied2 .pane-content .menu-block-wrapper {
margin-top:-6px;
padding:0;
}
#mini-panel-pied2 .pane-content .menu li {
list-style:none;
padding:5px;
}

#mini-panel-pied2 .pane-content .menu li.first {
padding-top:30px;
}

.panels-flexible-region-22-droite {
float:right;
}


#notice {
display:none;

}

/*****************/
/***fin Footer****/
/*****************/
/*** Annuaire **/
.page-annuaires .views-view-grid,#block-views-annuaire-block-2 .views-view-grid{
    float: left;
    height: 210px;
    width: 363px;
}