/*
Theme Name: Dyclam
Theme URI: http://www.imageurs.com/
Description: 
Version: 1.0
Author: Mainserv Multimédia
Author URI: http://www.mainserv.fr
*/

html{ padding:0; margin:0; width:100%; height:100%;}
body{margin:0; }
a{ color:inherit; }
.clear{display:block; float:none; clear:both; border:none;}
iframe.fullscreen{width:100%; height:500px; max-height:100%;}

@media screen and (min-width: 800px){

.Mobile,.ScrollTop{ display:none;}

.TopMenu{ background-image:url(images/background.png); background-position:center center; line-height:45px; font-size:17px;  height: 45px; }
.TopMenu .Accroche a{ color:#50bce8;}
.TopMenu .Soc{ margin-left:50px;}
.TopMenu .Soc a{ background-image:url(images/soc.png); display:inline-block; vertical-align:middle; width:32px; height:32px; }
.TopMenu .Soc a:nth-child(2){ background-position:0px -32px; }
.TopMenu .Soc a:nth-child(3){ background-position:0px -64px; }
.TopMenu .Connexes{ float:right;}
.TopMenu .Connexes a{ display:inline-block; font-size:12px; padding:0px 10px 0px 0; }
.TopMenu .Connexes a:before{ content:""; display:inline-block; height:20px; margin-right:10px; vertical-align:middle; width:1px; background-color:#656769;}

header{ background-color:#FFFFFF; margin:0; padding:20px 0; display:block; box-shadow:0px -2px 2px rgba(0,0,0,0.1);}
header .Accroche{ display:inline-block; vertical-align:bottom; margin-left:60px; font-size:30px; line-height:30px; color:#009bd4; }
header .wrap{ position:relative;}


.Langue{ position:absolute; top:0px; right:0px; }
.Langue a{ background-image:url(images/langues.png); background-position:0px 0px; display:inline-block; width:29px; height:20px; vertical-align:middle; margin-left:10px;}
.Langue a:nth-child(2){ background-position:top right;}

/* Homepage */
.slider{margin-top:20px; background-color:#62C4C5; padding:20px; color:#fff !important; min-height:230px; position:relative;}
.slider a:hover{text-decoration:none; color:#fff;}
.slider h3{font-size:160% !important; color:#fff; font-weight:bold;}
.slider .title-caption{font-size:120%;}
.view-all{display:inline-block; padding:5px 10px; border:1px solid #fff; float:right; margin-top:10px; position:absolute; bottom:20px; right:20px;}
.view-all:hover{background-color:#fff; color:#62c4c5 !important;}


/* Pages actualités */
.actu-list{padding:20px; background-color:#F5F5F5; margin-bottom:20px;}
.actu-list a{color:#656669 !important;}
.actu-list a:hover{color:#0148bc !important; text-decoration:none;}
.actu-list:last-child{border:none;}
.actu-img{float:left; width:25%; margin-right:20px;}
.actu-img img{max-width:100%; height:auto;}
.actu-img + a{display:block; width:70%; float:left;}

.actus-block h2{margin-bottom:40px;}
.actus-block img{max-width:100%; height:auto;}
.actu-visuel{margin-bottom:20px;}


.Search{ position:absolute; top:5px; right:0px; }
.Search input{ display:inline-block; vertical-align:middle;}
.Search input[type=text]{ border:none; box-shadow:0 0 5px rgba(0,0,0,0.3); height:26px; line-height:26px; border-radius:13px; padding:0 20px; }
#Search .resultat{ background-color:#f5f5f5; margin:10px 0 0 0; padding:10px; border-left:2px solid #50bce8;}
#Search h3{ margin:0;}
#Search .Ariane{ margin:0 0 5px 0; font-weight:600;}

nav{ background-color:#0148bc;}
.ShowMenu{ display:none;}
.mainmenu{ list-style:none; margin:0; color:#FFFFFF; padding:0; line-height:16px; }
.mainmenu>li{ display:inline-block; vertical-align:top; text-transform:uppercase;}
.mainmenu>li.home a{ text-indent: 200%;line-height:32px; white-space: nowrap; overflow: hidden; width:50px; background-image:url(images/home.png); background-position:center center; background-repeat:no-repeat; height:100%}
.mainmenu>li a{ display:block; padding:8px 12px;}
.mainmenu>li:hover{ background-color:#009bd4; color:#FFFFFF; height:64px;}
.mainmenu>li a:hover{background-color:#009bd4; color:#FFFFFF;}
.mainmenu>li.current-menu-ancestor>a,.mainmenu>li.On>a{ background-color:#009bd4;height:64px;}
.mainmenu>li:last-child>a:after{ content:""; display:inline-block; position:absolute; margin:-108px 0 0 20px; width:226px; height:132px; }

#menu-menu-principal-en>li:last-child>a:after{ content:none;}


.sub-menu{ display:none; list-style:none; padding:0; margin:0; position:absolute; background-color:#ffffff; border:1px solid #50bce8; border-top:none; z-index:2000;}
.sub-menu>li.current_page_item >a{ background-color:#009bd4; color:#FFFFFF;}
.sub-menu a{ color:#009bd4;}

.submenu{ list-style:none; padding:0; margin:0;}
.submenu a{ display:block; padding:16px 0;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom:1px solid #e1e5e9;}
.submenu a:hover{ color:#388ebd; }
.submenu a.On{ color:#0148bc; border-left:3px solid #0148bc; padding-left:12px;}

.submenu .Picto{ background-image:url(images/picto-submenu.png); background-position:left top; background-repeat:no-repeat; min-height:43px; text-transform:uppercase; margin-bottom:15px; font-weight:600; font-size:14px; padding:5px 0 5px 52px;}

.wrap{ width:1130px; margin:0 auto; }

#Left,#Right{display:inline-block; vertical-align:top; margin-top:40px; margin-bottom:60px; }
#Left{  width:20%; }
#Right{ margin-left:3%; width:77%; text-align:justify; }
#Full{ margin-top:40px; margin-bottom:60px; }
#Right a{ color:#0148bc; }

.Ariane{ margin-bottom:30px; font-size:12px;}

.Colonnes{ margin:30px 0;}

#pole {background-color: #f4462f; color:white; padding:22px;}
#pole h2{color:white;}

#colonne2 p {margin-top:0px;}
#colonne2 img {margin-bottom:10px;}

.c30{ display:inline-block;position:relative; vertical-align:top; width:30.33333333%; margin:1.5%; }
.c30 p{  text-align:justify; }
.c30 img{ display:block; width:100%; height:auto;}
.c30 iframe{ background-color:#FFFFFF; display:block; width:342px !important; height:226px; border:none;}
.c30.itw span{ display:block; background-color:rgba(0,0,0,0.6); color:#ffffff; padding:5px; position:absolute; bottom:0px; z-index:200; }

footer .Partenaires{ position:relative; background-color:#ffffff; box-shadow:0px 2px 2px rgba(0,0,0,0.1); padding:20px 0 50px 0; }
footer .Partenaires a{ color:#009bd4; }
footer .Partenaires>div{ background-image:url(images/partenaires.png); background-position:top right; background-repeat:no-repeat; min-height:145px; }
footer .Ending{ text-align:center; font-size:12px; padding-top:15px; background-image:url(images/background.png); background-position:center center; min-height:120px;}
footer .Ending a{ display:inline-block;vertical-align:middle; margin:10px 0 0 0; padding:0 10px; border-right:1px solid #a1a1a1; color:#888888;}
footer .Ending a:last-child{ border:none; margin-top:2px; }


/* TABS */
.Onglets{ margin-bottom:40px;}
.Tabs{ display:block; width:100%; }
.Tabs p{display:inline-block; margin:0; padding:0 5px; vertical-align:top; }
.Tabs.nb2 p{ width:50%;}
.Tabs.nb3 p{ width:33.333333%; }
.Tabs.nb4 p{ width:25%;}
.Tabs a{ display:block; text-align:center; background-color:#f5f5f5; border-bottom:2px solid #0148bc; cursor:pointer; }
.Tabs img{ display:block; width:100%; height:auto; }
.Tabs a:hover{ opacity:0.7;}
.Tabs a strong{ font-weight:400; display:inline-flex; align-items:center; min-height:64px; color:#656669; }
.Tabs a.On{ background-color:#FFFFFF; border-color:#FFFFFF;}
.TabsContent div{ display:none; padding:20px 0; border-bottom:2px solid #0148bc; }
.Tabs.nb7 a{background-color: transparent; border: none;  height: 160px;}
.Tabs.nb5 a{border:none;}


/* DOCTORATS */
.Equipe{ background-color:#f5f5f5; margin:0 1% 1% 0; display:inline-block; position:relative; vertical-align:top; padding:10px; width:32.333%; font-size:12px; line-height:14px; }
.Equipe.doctorat{min-height:290px; }
.Equipe img{ display:block; width:100%; height:auto;}
.Equipe p{ margin:5px 0;}
.Equipe .nom{ font-size:16px; color:#388fbe; margin:10px 0;}
.Equipe .intro{ font-weight:600;}
.Equipe .Infos{ background-color:#388fbe; padding:5px; color:#FFFFFF !important; font-weight:600; position:absolute; bottom:0px; right:0px;}
.Equipe .Infos:hover{ opacity:0.5; cursor:pointer;}
.Equipe .InfosTx{ display:none;}

/* EQUIPE */
.EquipeIntro a{ display:inline-block; vertical-align:top; color:#656669 !important; font-weight:700; width:30%; margin:0 4% 4% 0; text-transform:uppercase; font-size:12px;}
.EquipeIntro a:nth-child(3n+0){ margin-right:0;}
.EquipeIntro a img{ display:block; width:100%; height:auto; margin-bottom:5px; box-shadow:0 0 3px rgba(0,0,0,0.2);}
.EquipeIntro a em{ font-style:normal; font-weight:400; display:block;}

.EquipeAlt{ display:block; position:relative; background-color:#f5f5f5; padding:10px; margin:20px 0 0 0; border-bottom:1px solid #0148bc;}
.EquipeAlt .nom{ font-weight:700; font-size:18px; display:block; margin:0; }
.EquipeAlt .fonction{ margin:0;}
.EquipeAlt .intro{ margin:0 90px 0 0; font-size:13px;}
.EquipeAlt .direction{ font-size:13px;}
.EquipeAlt .contact{ margin-bottom:0;}
.EquipeAlt img{ display:block; float:left; margin-right:20px;}
.EquipeAlt hr{ border:none; clear:both; display:block; height:1px; margin:0;}
.EquipeAlt .Plus{ display:block; cursor:pointer; width:50px; height:50px; border-radius:25px; line-height:48px; font-size:50px; font-weight:700; text-align:center; color:#666769; position:absolute; right:20px; top:60px; background-color:#ffffff;}
.EquipeAlt .Fiche{ display:none;}
/* COULEUR BACK */
.Grey{ background-color:#f5f5f5;padding-top: 20px;
  padding-bottom: 20px; }
.Blue{background-color:#40b8eb;}

/* HOMEPAGE */
.homepage #Left{ display:none; }
.homepage #Right{ width:100%; margin:0; }
.homepage .Ariane{ display:none; }
.homepage .BigButton{ width:100%; margin:0 0 10px 0;}
.homepage h2{ font-size:24px; margin-bottom:10px;}
.homepage h3{ font-size:18px; margin-bottom:10px; }

}

/* BOUTONS */
#Right a.BigButton {color:#FFFFFF; text-align: left;}
div.bouton_pre .BigButton strong {font-size: 14px;}
div.bouton_pre .BigButton {font-size: 14px;}
.BigButton{display:inline-block; padding:10px 10px 10px 70px; font-size:16px; width:29%; margin:2%; color:#FFFFFF; }
.BigButton:before{ content:""; display:block; width:60px; height:60px; position:absolute; margin-left:-60px; background-image:url(images/pictos-button.png); }
.BigButton strong{font-size:18px; display:block; color:#FFFFFF;}
.BigButton.Inscription{ background-color:#0148bc; }
.BigButton.Inscription:before{ background-position:0px 0px; }
.BigButton.Programme{ background-color:#0148bc; }
.BigButton.Programme:before{ background-position:-60px 0px; }
.BigButton.Bourses{ background-color:#0148bc; }
.BigButton.Bourses:before{ background-position:-120px 0px; }
.BigButton.CSF{ background-color:#0148bc; }
.BigButton:hover{ background-color:#787878;}
div.bouton_pre {margin-top:20px;}
div.bouton_pre .BigButton{margin-left: 0px;  margin-right: 0px;  width: 282px;  margin-top: 0px;height: 77px;}

/* ACCORDEON */
.AccordeonUL{  }
.AccordeonUL p{ margin:5px 0;background-color:#f5f5f5; display:block; padding:5px;}
.AccordeonUL p:hover{ color:#000000; cursor:pointer; }
.AccordeonUL p:before{ content:"> "; }
.AccordeonUL ul{ display:none; }

a.img_campus {padding-right: 20px;padding-left:23px;}

@media screen and (max-width: 800px){

	a.img_campus {padding-right: 20px;padding-left:0px;}

	img.labovq {display: none !important;}

body{ padding:10px 10px 10px 10px; background-color:#50bce8; /*background-color:#f5f5f5; background-image:url(images/background.png); background-position:center center;*/ font-size:13px;}
ul{ padding:0 0 0 20px; margin-left:0;}
.alignleft,.alignright{ float:none; width:100%; display:block; }

.TopMenu{ display:none; }

header{ background-color:#ffffff; text-align:center;}
header .Accroche{ font-size:16px; color:#ffffff; padding:10px 0; margin-top:5px; background-color:#0148bc; }
header .Accroche br{ display:none; }
header .Accroche strong{ white-space:nowrap;}
.Langue{ display:none;}
.Search{ display:none;}

h1{ margin:0 auto; padding:50px 0 0 0; display:block; height:190px; width:90%;}
h1 a{ display:block; height:100%; width:100%; background-image:url(images/logo.png); background-size:contain; background-repeat:no-repeat; background-position:center center; text-indent: 100%; white-space: nowrap; overflow: hidden;}

h2{ font-size:20px; margin-top:20px;}
h3{ font-size:18px; margin-top:10px;}
h4{ font-size:16px;}

nav{ background-color:#0148bc; padding:5px; position:fixed; z-index:1000; top:0px; left:100px; right:100px; box-shadow:0 0 5px rgba(0,0,0,0.5); }

.ShowMenu{ display:block; padding:10px; font-weight:600; font-size:18px; text-align:center; color:#f5f5f5; line-height:20px; text-transform:uppercase;}
.ShowMenu:before{ content: "\f333"; font-size:30px; font-weight:normal; display:inline-block; vertical-align:middle; font-family:"dashicons";}
.mainmenu{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; list-style:none; font-size:14px; display:none; margin:10px; color:#FFFFFF; padding:0; line-height:16px; }
.mainmenu br{ display:none;}
.mainmenu li{background-color:#ffffff; color:#009bd4; margin:0 0 2px 0;}
.mainmenu a{ display:block; padding:5px; font-weight:600; }
.mainmenu>li>a:before{ content: "\f345"; font-size:20px; display:inline-block; vertical-align:middle; font-family:"dashicons"; }
.mainmenu>li.current-menu-ancestor>a,.mainmenu>li.current_page_item>a{ background-color:#009bd4; color:#ffffff; }
.mainmenu>li.On>a:before{ content: "\f347"; }
.sub-menu{ display:none; list-style:none; padding:0px;}
.sub-menu a{ margin-left:30px; font-weight:300;}
.sub-menu a:before{ content: "\f139"; font-size:20px; display:inline-block; vertical-align:middle; font-family:"dashicons";}
.sub-menu .current_page_item a{background-color:#009bd4; color:#ffffff;}
.submenu{ display:none;}

#Right,.Grey{ background-color:#FFFFFF; padding:20px; }
#Right img{ display:block; width:100%; height:auto;}
#Right iframe{ display:block; float:none !important; width:100% !important; height:300px; border:none;}

.Colonnes{ background-color:rgba(255,255,255,1.00);}
.Colonnes img{ display:block; width:100%; height:auto;}
.c30{ position:relative;}
.c30:first-child{ padding:20px;}
.c30 iframe{width:100% !important; height:226px; border:none;}
.c30 img{ display:block; width:100%; height:auto;}
.c30.itw span{ display:block; background-color:rgba(0,0,0,0.6); color:#ffffff; padding:5px; position:absolute; bottom:0px; z-index:200; }

.Tabs{ display:none;}
.TabsContent div{ display:block; }

table{ width:100%;}
table td{ white-space:normal;}

.EquipeIntro a{ display:block;color:#656669 !important; font-weight:700; margin:0 0 10px 0; text-transform:uppercase; font-size:12px;}
.EquipeIntro a em{ font-style:normal; font-weight:400; display:block;}
.EquipeIntro a img{ width:auto !important; box-shadow:0 0 3px rgba(0,0,0,0.2);}

.EquipeAlt{ display:block; position:relative; background-color:#f5f5f5; padding:10px; border-bottom:1px solid #07bee5; margin:0 0 10px 0;}
.EquipeAlt.On{ background-color:#ffffff; border:2px solid #cccccc;}
.EquipeAlt .nom{ font-weight:700; font-size:16px; display:block; margin:0; }
.EquipeAlt .fonction{ margin:0;}
.EquipeAlt .intro{ margin:0 0px 0 0; font-size:12px;}
.EquipeAlt .direction{ font-size:12px; clear:both;}
.EquipeAlt .contact{ margin-bottom:0;}
.EquipeAlt .Plus{ display:block; cursor:pointer; width:30px; height:30px; line-height:30px; font-size:30px; font-weight:700; text-align:center; color:#ffffff; position:absolute; left:-4px; top:-4px; box-shadow:1px 1px 3px rgba(0,0,0,0.3); background-color:#50bce8;}
.EquipeAlt .Fiche{ display:none; text-align:justify;}
.EquipeAlt img{ display:block; float:left; width:40% !important; margin:0 10px 10px 0; height:auto; }
.EquipeAlt hr{ border:none; clear:both; display:block; height:1px; margin:0;}

footer{ background-color:#f5f5f5; padding:20px; margin-top:10px; margin-bottom:50px;}
footer img{ display:block;}
.ScrollTop{ width:40px; height:40px; font-size:40px; display:block; position:fixed; bottom:0px; right:0px; background-color:#50bce8; color:#ffffff;font-family:"dashicons";}

.BigButton{display:block; width:auto; margin:2% 0; color:#FFFFFF; }
}

.c30 .cff-wrapper p{ text-align:left !important; margin-top:0 !important; margin-bottom:0px !important;}
/*
#cff .cff-author{ margin:0 0 10px 0 !important;}
.cff-date{ display:none;}
.cff-item{ padding:5px !important; border-bottom:1px dotted #808080 !important; font-size:11px !important;}
.cff-page-name{ font-size:14px !important; }
*/
#Maintenance{ color:#ff0000;}